Mood Journal
A daily check-in that turns into a year you can look back on.
BeginnerWeb appProductivity8–16hAI-buildable 5/5no setupworth shipping
A low-friction daily mood log with optional notes and tags, rendered as a year-at-a-glance grid. The design brief is gentleness: no streak pressure, no guilt for gaps, and honest handling of a subject where a manipulative interface would be genuinely harmful.
UI
Logic
Useful
Hosting · Free forever
Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.
Deploy it and share a link.
Core features · 7
- A single daily entry with a mood value and optional note
- Tags can be attached for context
- A year grid colours each day by mood
- Clicking a day opens its entry
- Averages by tag show which contexts correlate with which moods
- Gaps in the record are shown neutrally, without guilt framing
- Data stays local and exports on request
The interesting part
- Colour scales for mood that don't imply judgement
- Handling a long gap without making the visualisation misleading
- Keeping the daily entry genuinely quick
Once it works
- Add a weekly reflection prompt
- Add trend smoothing over rolling windows
- Add a private-by-default lock
Suggested stack
reacttypescripttailwinddate-fnslocalstorage