ST
← Back to Projects

TrackIt

TypeScript-based frontend for TrackIt — client UI for a tracking app (habits/tasks/metrics). Includes components, build configs, and TypeScript tooling for a developer-friendly, strongly-typed interface.

Next.jsTypeScriptTailwind CSSSocket.ioMongo DB

About the Project

TrackIt is a modern frontend application serving as the client-side UI for a comprehensive tracking product. Built predominantly with TypeScript (98.2%), it offers strong type-safety and maintainability. The application helps users monitor habits, tasks, activities, and personal metrics with a seamless user experience. Designed for frontend developers working on the TrackIt product, it features excellent developer experience with autocomplete, refactorability, and minimal runtime type errors. The frontend is built to work seamlessly with a separate backend API service.

Key Features

  • Strong type-safety with 98.2% TypeScript coverage
  • Modern React/Next.js component architecture
  • Real-time habit and task tracking with streak counters
  • Custom metrics tracking with data visualizations
  • Cross-device synchronization
  • Dark/Light mode support
  • Developer-friendly DX with autocomplete and refactorability

Tech Stack

Frontend

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

Build Tools

  • Turbopack
  • ESLint
  • Prettier
  • tsconfig

Infrastructure

  • Vercel
  • CI/CD
  • Type Definitions