algren123 / zzz-tracker

A daily sleep tracker created with React, JavaScript & TailwindCSS. It has some additional features such as Authentication, Database, Graphs with React-Vis and some GSAP animations

Zzz Tracker

Daily Sleep Tracker

LIVE LINK: https://zzz-tracker.herokuapp.com/

A CRD (the "U" wasn't needed in this app, but I commented the update code in the file in case anyone else needs some inspiration) app that serves the function of being a Daily Sleep Tracker. The technologies used are the following:

• React (with Hooks, Context & Router)
• JavaScript (ES6)
• TailwindCSS (including Dark Mode and custom classes & functions)
• GSAP for animations
• Firebase Authentication
• Firebase Firestore Database
• React-Vis (for graph)
• Moment time plugin (for turning time decimals -> hh:mm format)

The web app is not finished yet, still needs more polishing and additional content/styling. This was done following a brief with some personal takes on some of the points (https://www.codementor.io/projects/web/daily-sleep-tracker-web-app-byi4kpk5rt)

To be added:

• Footer
• About page with additional GSAP animations
• Stats Dashboard rework
• Responsive Dashboard page
• Remember me & forgot password Authentication implementation
• QoL changes