← All projects

MoodLens

days in the mood heatmap
30
lazy-loaded chunks
8
metrics logged per check-in
4
signups needed for the guest demo
0

A wellness-tracking app for logging mood, sleep, stress, and energy in real time, built on React 19, Firebase Auth, and Cloud Firestore. It renders a 30-day color-coded mood heatmap and tracks streaks and goals over time. Firestore security rules are scoped so every read and write is enforced against the authenticated user's UID, not just checked client-side.

Weekly and monthly wellness reports are generated by Llama 3.1 through the Groq API, analyzing patterns from a user's stored check-in history, with responses cached locally per user, report type, and day so the same report doesn't trigger a redundant API call. The app is split into 8 lazy-loaded chunks and backed by IndexedDB for offline persistence, with error boundaries and skeleton loading states instead of blank screens on failure. There's also a zero-signup guest demo mode preloaded with 30 days of sample data.

MoodLens dashboard in demo mode showing a 7-day average mood of 6 out of 7, 7.1 hours average sleep, average stress of 4.4 out of 10, 30 total check-ins, an 8-day streak, and a 14-day mood-over-time chart.
The dashboard in guest demo mode, running on sample check-in data.
MoodLens sign-in screen with email and password fields, a sign-up link, and a View Demo button that opens the app without an account.
Sign-in screen, with the zero-signup demo entry below the form.

© 2026 Rochak Ghimire