A comprehensive habit tracking platform built with FastAPI (backend) and React (frontend). It features a GitHub-style activity calendar, multi-user dashboards, rich goal management, and in-depth analytics to help users build consistent routines.
Tech Stack
Backend
- FastAPI • SQLModel • PostgreSQL • Alembic
- JWT Authentication
- Dockerized services
SQLModel maps Python types to SQL tables; PostgreSQL stores relational data reliably; Alembic manages schema migrations safely; and JWT handles stateless authentication
Frontend
- React 18 • TypeScript
- Chakra UI
- TanStack Router + TanStack Query
- Framer Motion (ready for animations)
React powers the component-based UI, TypeScript adds type safety to prevent regressions, Chakra UI provides accessible, responsive components, TanStack Router manages type‑safe navigation, TanStack Query handles caching and server‑state sync for snappy UX, and Framer Motion enables smooth animations.
The tracker allows for weekly and yearly views, where the color intensity denotes target compliance for each week in the current year.
It also allows a multi-user experience, where all users can view their partners’ goals and statistics for a community experience.
github link: https://github.com/tiancho99/habit-tracker