Zzz Tracker
Täglicher Schlaf -Tracker
Live-Link: https://zzz-tracker.herokuapp.com/
Ein CRD (das "U" wurde in dieser App nicht benötigt, aber ich habe den Update -Code in der Datei kommentiert, falls jemand inspiriert wird) App, die die Funktion eines täglichen Schlaf -Trackers dient. Die verwendeten Technologien sind folgende:
- Reagieren (mit Haken, Kontext und Router)
- JavaScript (ES6)
- Tailwindcss (einschließlich Dunkelmodus und benutzerdefinierte Klassen und Funktionen)
- GSAP für Animationen
- Firebase -Authentifizierung
- Firebase Firestore -Datenbank
- React-vis (für Grafik)
- Moment Time Plugin (zum Drehen der Zeitdezimalstellen -> HH: MM -Format)
Die Web -App ist noch nicht fertig, benötigt noch mehr Polieren und zusätzliche Inhalte/Styling. Dies geschah nach einem Brief mit einigen persönlichen Einstellungen einiger Punkte (https://www.codementor.io/projects/web/daily-sleeep-pracker-web-app-byi4kpk5rt)
Hinzugefügt werden:
Fußzeile Über Seite mit zusätzlichen GSAP -Animationen Statistik -Dashboard -Überarbeit Responsive Dashboard -Seite- Erinnere dich an mich und vergaß die Authentifizierungsportkennwort -Implementierung
- QoL -Änderungen
