Erstellen einer React GitHub Heatmap für Beiträge

🎯 Aufgaben

In diesem Projekt lernen Sie:

• Wie man die erforderlichen Abhängigkeiten für den Heatmap-Kalender installiert.
• Wie man die grundlegende Struktur der Heatmap-Komponente erstellt.
• Wie man einen Zustand zur Filterung der Daten hinzufügt.
• Wie man Dummy-Daten generiert, um den Heatmap zu befüllen.
• Wie man den Kalender-Heatmap mit Dummy-Daten rendert.
• Wie man die Filterlogik implementiert, um den Heatmap basierend auf dem Aktivitätsniveau zu filtern.
• Wie man die Heatmap-Komponente und die Filter-Schaltflächen gestaltet.
• Wie man die Heatmap-Komponente in die Hauptanwendungsdatei integriert.
• Wie man die Anwendung startet, um den Kalender-Heatmap zu sehen.

🏆 Errungenschaften

Nach Abschluss dieses Projekts werden Sie in der Lage sein:

• Einen Kalender-Heatmap in einer React-Anwendung zu integrieren.
• Den Zustand zu verwalten und Daten in einer React-Komponente zu filtern.
• Ein Kalender-Heatmap mit React und CSS zu rendern und zu gestalten.
• Den Prozess der Generierung und Befüllung von Dummy-Daten für die Visualisierung zu verstehen.
• Die Heatmap-Kalender-Anwendung zu starten und anzuzeigen.