HabitMatrix

Monthly habit tracker — dark navy UI with sidebar, weekly grid, analytics, and Chart.js trends.

Data is stored in localStorage (Phase 1). Cloud sync comes in later phases.

Run locally

npm install
npm run dev

Open http://localhost:3000

Build

npm run build
npm start

Project structure

app/                    Next.js App Router
components/             HabitMatrix UI
lib/habit-matrix/       Storage, analytics, utils
prototype/              Original standalone HTML reference
HABITMATRIX_PLAN.md     Phased vibe-coding guide

localStorage keys

Key	Purpose
hm_habits_v2	Habit list (emoji, name, id)
hm_data_{year}_{month}	Checkmarks for a given month

Next steps

See HABITMATRIX_PLAN.md — Phase 2 adds Supabase database.