Construyendo un Calendario de Mapa de Calor de Contribuciones de GitHub en React

# Introducción

Este proyecto te guiará a través de la creación de un calendario de mapa de calor en React, similar al gráfico de contribuciones de GitHub. Este tipo de calendario puede ser una forma convincente de visualizar datos de actividad a lo largo del tiempo, con la intensidad del color que indica el nivel de actividad en un día determinado. Al final de este proyecto, tendrás una clara comprensión de cómo integrar y usar un calendario de mapa de calor en una aplicación React.

## 👀 Vista previa

<video src="https://file.labex.io/namespace/718bace8-27a3-4200-a588-dde4041ceeb9/javascript/project-building-a-react-github-heatmap-contributions/lab-1/es/assets/effect.mp4" width="100%" autoplay loop muted playsinline>

## 🎯 Tareas

En este proyecto, aprenderás:

- Cómo instalar las dependencias necesarias para el calendario de mapa de calor.
- Cómo crear la estructura básica del componente de mapa de calor.
- Cómo agregar estado para filtrar los datos.
- Cómo generar datos ficticios para poblar el mapa de calor.
- Cómo renderizar el calendario de mapa de calor con datos ficticios.
- Cómo implementar la lógica de filtrado para filtrar el mapa de calor según el nivel de actividad.
- Cómo dar estilo al componente de mapa de calor y a los botones de filtrado.
- Cómo integrar el componente de mapa de calor en el archivo principal de la aplicación.
- Cómo lanzar la aplicación para ver el calendario de mapa de calor.

## 🏆 Logros

Después de completar este proyecto, podrás:

- Integrar un calendario de mapa de calor en una aplicación React.
- Administrar el estado y filtrar datos en un componente React.
- Renderizar y dar estilo a un calendario de mapa de calor usando React y CSS.
- Comprender el proceso de generación y población de datos ficticios para la visualización.
- Lanzar y ver la aplicación del calendario de mapa de calor.