Cadence — React Habit Tracker App

Cadence is a polished, local-first habit & routine tracker built with React 18, TypeScript and Vite. Add habits with flexible cadences, check them off each day, and watch streaks, heatmaps and insights build up — all stored in the browser, no backend required.

The earthy, editorial design — warm cream, sage green and terracotta with a Fraunces serif — is a deliberate break from the usual blue/purple SaaS dashboard look.

Highlights

• React 18 · TypeScript (strict) · Vite 5 — no UI/CSS framework, no chart library.
• Today check-in, habit management, per-habit heatmap, insights and settings.
• Real streak engine: current & longest streaks and completion rate from your log history.
• Daily / weekday / X-times-per-week cadences, color & emoji icons.
• localStorage persistence with JSON export / import / reset.
• Toasts, modals, empty / loading / error / validation states, responsive mobile drawer.