Construindo um Heatmap de Contribuições no React (GitHub)

# Introdução

Este projeto irá guiá-lo através da criação de um calendário de mapa de calor (heatmap) em React, semelhante ao gráfico de contribuições do GitHub. Este tipo de calendário pode ser uma forma atraente de visualizar dados de atividade ao longo do tempo, com a intensidade da cor indicando o nível de atividade em um determinado dia. Ao final deste projeto, você terá uma compreensão clara de como integrar e usar um calendário de mapa de calor em uma aplicação React.

## 👀 Pré-visualização

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

## 🎯 Tarefas

Neste projeto, você aprenderá:

- Como instalar as dependências necessárias para o calendário de mapa de calor.
- Como criar a estrutura básica do componente de mapa de calor.
- Como adicionar estado para filtrar os dados.
- Como gerar dados fictícios (dummy data) para preencher o mapa de calor.
- Como renderizar o calendário de mapa de calor com dados fictícios.
- Como implementar a lógica de filtragem para filtrar o mapa de calor com base no nível de atividade.
- Como estilizar o componente de mapa de calor e os botões de filtro.
- Como integrar o componente de mapa de calor no arquivo principal da aplicação.
- Como iniciar a aplicação para visualizar o calendário de mapa de calor.

## 🏆 Conquistas

Após concluir este projeto, você será capaz de:

- Integrar um mapa de calor de calendário em uma aplicação React.
- Gerenciar o estado e filtrar dados em um componente React.
- Renderizar e estilizar um mapa de calor de calendário usando React e CSS.
- Compreender o processo de geração e preenchimento de dados fictícios para visualização.
- Iniciar e visualizar a aplicação do calendário de mapa de calor.