ST
← Back to Projects

TrackIt

A habit and task tracking product that helps users stay consistent, monitor progress, and sync activity across devices.

Turned daily routines and metrics into a clear product experience users can revisit, understand, and act on quickly.

Next.jsTypeScriptTailwind CSSSocket.ioMongo DB
🌐 Live Demo

About the Project

TrackIt is a modern tracking application for habits, tasks, activities, and personal metrics. The product focuses on helping users see progress clearly, maintain momentum with streaks, and manage recurring goals without friction.

Problem

Users need a single place to track routines, tasks, and measurable progress, but most lightweight tracking tools either feel too limited or become hard to scan over time.

Solution

I built a focused tracking interface with real-time updates, streak feedback, reusable components, and data views that make daily progress easy to understand.

Key Features

  • ✓Clear habit, task, and metric tracking flows
  • ✓Real-time habit and task tracking with streak counters
  • ✓Custom metrics tracking with data visualizations
  • ✓Cross-device synchronization
  • ✓Dark/Light mode support
  • ✓Maintainable product architecture for future feature growth

Tech Stack

Frontend

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Framer Motion

Build Tools

  • Turbopack
  • ESLint
  • Prettier
  • tsconfig

Infrastructure

  • Vercel
  • CI/CD
  • Type Definitions

Challenges

  • ✓Balancing a clean daily-use interface with enough flexibility for habits, tasks, and custom metrics.
  • ✓Keeping state predictable across live updates and cross-device usage.
  • ✓Structuring the frontend so additional tracking workflows can be added without rewriting the core UI.

Architecture

  • ✓Next.js frontend with typed feature boundaries and reusable UI modules.
  • ✓Socket-driven updates for real-time tracking feedback.
  • ✓API-ready client layer designed to work cleanly with a separate backend service.

Outcome

The result is a scalable tracking product foundation that gives users fast feedback and gives the product owner room to add new tracking experiences over time.