Fit-Track

ReactTypeScriptNode.jsNeonClerkRadix UITailwind CSSGemini AI
Fit-Track preview

overview.

A personal fitness tracking app that helps users set goals, monitor progress, and stay motivated with AI-powered nutritional insights and real-time activity tracking.

technical implementation.

Relational Workout Data Engine

Designed a schema on Neon serverless PostgreSQL to handle flexible, user-generated exercise formats including weights, sets, reps, and time-based cardio.

Gemini-Powered Nutrition Engine

Implemented a nutritional analyzer that processes daily caloric intake logs to generate tailored dietary recommendations based on the user's metabolic goals.

Secure Clerk Auth & Webhooks

Integrated Clerk for instant, secure social logins, utilizing custom webhooks to synchronize user profiles with the PostgreSQL backend.

Responsive Charting Dashboard

Built dynamic activity charts showing weekly trends, goal progress, and streak statistics to drive consistent user motivation.

key features.

  • Clerk-based Auth: Secure authentication with social login support (Google, GitHub)
  • Workout Logging: Log sets, reps, weight, and cardio tracking details
  • Goal Setting: Visual progress indicators, calorie goals, and streak tracking
  • AI Nutritional Insights: Personalized dietary suggestions using Google Gemini API
  • Activity Analytics Dashboard: Weekly and monthly trend charts showing activity progress
  • Radix UI Components: Highly accessible, polished, and custom interactive UI elements

screenshots.

Fitness Dashboard

Interactive dashboard showing fitness streaks, daily goals, and progress tracking charts

Food Logger

Detailed calorie tracking log with meal breakdowns and macro tracking

Activity Tracker

Daily activity logging for exercises with sets, reps, weight, and cardio details

challenges & solutions.

Challenge: Designing a flexible DB schema for varied exercise types

Solution: Structured a PostgreSQL database schema using JSONB fields to allow arbitrary parameters (sets, reps, distance, time) depending on the activity type.

Challenge: Optimizing database connections in serverless environment

Solution: Leveraged Prisma connection pooling and Neon serverless connection managers to prevent connection exhaustion during high-frequency API calls.

Challenge: Creating accessible and engaging charts

Solution: Utilized Radix UI primitives and highly customized CSS styling to ensure the dashboard charts are keyboard-navigable and screen-reader friendly.

Challenge: Providing accurate, contextual AI nutrition tips

Solution: Engineered strict system prompts for the Gemini API to format feedback strictly based on the user's specific logged data and target weight goals.

project impact.

300+
active Users
4k+
workouts Logged
72%
streak Retention
< 80ms
api Latency