A full-stack Habit Tracking Application built with React, Shadcn UI, Node.js, Express, PostgreSQL, and JWT Authentication. This app helps users build better habits, track progress, and maintain streaks — all through a clean and modern UI.
Secure user registration and login using JWT
Passwords hashed with bcrypt
Protected routes for authenticated users only
Create, update, and delete personal habits
Track daily progress and completion
View detailed habit information and statistics
Track habit streaks automatically
Visual indicators for completed and pending days
Built using Shadcn UI + TailwindCSS
Responsive, minimal, and visually appealing design
Dynamic components and smooth transitions
Layer Technology
Frontend React + JavaScript + Shadcn UI + TailwindCSS
Backend Node.js + Express
Database PostgreSQL (via Prisma ORM)
Auth JSON Web Tokens (JWT)
Hosting (Optional: Render / Vercel / Railway)
git clone https://github.com/yourusername/habit-tracker.git
cd habit-tracker
cd server
npm install
DATABASE_URL="postgresql://:@localhost:5432/?schema=public" JWT_SECRET="your_jwt_secret" PORT=5000
npx prisma migrate dev --name init
npm run dev
cd ../client
npm install
npm run dev
Method Endpoint Description Auth Required
POST /api/auth/register Register new user
POST /api/auth/login Login user & get JWT
GET /api/habits Get all habits for logged-in user
POST /api/habits Create a new habit
GET /api/habits/:id Get specific habit details
PUT /api/habits/:id Update habit details
DELETE /api/habits/:id Delete a habit
-- 🔔 Daily Reminders / Notifications
-- 🌙 Dark Mode
-- 🪄 Social login (Google, GitHub)
-- 🎯 Gamification (badges, XP, streak achievements)
Ayan Khan 📧 mohammad.ayan9450@gmail.com