On this page
Full-stack web app

Habit Tracker

A full-stack app for creating and tracking recurring habits, with per-user accounts.

Context
personal
Category
Full-stack web app
Year
2025
Status
in-progressSAMPLE
Links
Screenshot of the Habit Tracker habit dashboard and weekly progress
02

Technology stack

FrontendReact · Tailwind CSS · React Query · Zustand
BackendNode.js · Express.js
Data layerMongoDB · document
OtherJWT · HTTP-only cookies
03

Overview

I built Habit Tracker to practise building a full-stack application end to end: a React frontend, an Express API and a MongoDB database, with each user's data kept separate.

04

Implementation

Users register and log in, then create, edit and delete habits, manage how often they recur, group them into categories and track them. Habits belong to the logged-in user, so nobody sees anyone else's data.

Login uses JWTs stored in HTTP-only cookies, which keeps the token out of reach of client-side JavaScript.

05

Key features

  • User registration and login
  • Create, edit and delete habits
  • Track habits
  • Frequency management
  • Categories
  • User-specific data
06

Technical outcome

The project gave me practical experience with authentication, user-specific data, CRUD operations and a MongoDB-backed API, plus managing state on the frontend with React Query and Zustand.