构建一个 React GitHub 热力图贡献日历

🎯 任务

在本项目中，你将学习：

• 如何安装热图日历所需的依赖项。
• 如何创建热图组件的基本结构。
• 如何添加用于过滤数据的状态。
• 如何生成虚拟数据来填充热图。
• 如何使用虚拟数据渲染日历热图。
• 如何实现过滤逻辑，根据活动水平过滤热图。
• 如何为热图组件和过滤按钮设置样式。
• 如何将热图组件集成到主应用程序文件中。
• 如何启动应用程序以查看热图日历。

🏆 成果

完成本项目后，你将能够：

• 在 React 应用程序中集成日历热图。
• 在 React 组件中管理状态和过滤数据。
• 使用 React 和 CSS 渲染和设置日历热图的样式。
• 理解生成和填充虚拟数据以进行可视化的过程。
• 启动并查看热图日历应用程序。