💪 FitTrack

Sports & nutrition tracking — workouts, macros, stats and social, in one PWA.

English · 🇫🇷 Français

▶ Live: fit-track-chi-nine.vercel.app

A complete fitness app to track your workouts, nutrition and performance. Built with Next.js, Supabase and Tailwind CSS.

---

✨ Features

Workouts

• Real-time session creation and tracking
• Customisable workout templates
• Built-in rest timer
• Set logging (weight, reps, RPE)
• Automatic 1RM calculation

Nutrition

• Multi-source food search (local database, FatSecret, OpenFoodFacts)
• Barcode scanner
• Macro tracking (calories, protein, carbs, fat)
• Custom recipe creation
• Daily food journal

Statistics

• Per-exercise progression charts
• Training-volume tracking
• Personal records (PR)
• Body measurements (weight, waist, etc.)
• Training frequency

Social

• Friend system (requests, accept, reject)
• User search by name
• Friends activity feed
• Automatic sharing of workouts and records

Profile

• Editable profile page (name, age, weight, height)
• Goal selection (bulk, cut, strength, maintenance)
• Customisable target macros
• Auto-generated DiceBear avatar

PWA

• Installable on mobile (Progressive Web App)
• Offline mode with sync

🧰 Tech stack

Layer	Technology
Framework	Next.js 14 (App Router)
UI	Tailwind CSS + Lucide Icons
Database	Supabase (PostgreSQL + Auth + RLS)
Validation	Zod
State	Zustand
Charts	Recharts
PWA	next-pwa
Language	TypeScript

🏛 Architecture

src/
├── app/
│ ├── (app)/ # Authenticated pages (sidebar layout)
│ │ ├── dashboard/ # Home / workouts
│ │ ├── nutrition/ # Nutrition tracking
│ │ ├── stats/ # Statistics and charts
│ │ ├── social/ # Community and friends
│ │ ├── settings/ # User profile
│ │ └── workout/ # Active session
│ ├── (auth)/ # Login / signup pages
│ └── api/ # API Routes (REST)
│ ├── profiles/ · workouts/ · nutrition/ · social/ · stats/
├── components/ # Reusable UI components
├── hooks/ # Custom React hooks
├── lib/
│ ├── services/ # Business logic (Supabase queries)
│ ├── validations/ # Zod schemas
│ ├── calculators/ # 1RM, macros, plates
│ ├── supabase/ # Supabase clients (server/client)
│ └── sync/ # Offline sync
├── stores/ # Zustand stores
└── types/ # TypeScript types + DB schema

🚀 Installation

Prerequisites

• Node.js 18+
• npm or yarn
• A Supabase project with the tables configured

Setup

1. Clone the repo and cd into it
2. Install dependencies: npm install
3. Configure environment variables — create .env.local at the root:

NEXT_PUBLIC_SUPABASE_URL=https://your-project.supabase.coNEXT_PUBLIC_SUPABASE_ANON_KEY=your-public-anon-key# Optional: FatSecret food searchFATSECRET_CLIENT_ID=your-client-idFATSECRET_CLIENT_SECRET=your-client-secret

4. Configure the Supabase database — required tables are defined in src/types/database.ts: profiles, workouts / workout_sets, exercises / workout_templates, foods / meal_logs / recipes, body_measurements / personal_records, friendships / social_feed / social_comments. Enable Row Level Security (RLS) on every table.

5. Run the dev server: npm run dev → http://localhost:3000

📜 Scripts

Command	Description
npm run dev	Development server
npm run build	Production build
npm run start	Production server
npm run lint	ESLint

🔒 Security

• Authentication handled by Supabase Auth
• Row Level Security (RLS) on every table
• Zod input validation on every API route
• No hardcoded secrets in the source
• FatSecret API keys server-side only

📄 License

MIT

---

Built with care by Nathan Fernandes — Founder of SYNN-IA · Dijon, France

🌐 Portfolio · 💼 LinkedIn · 🐙 GitHub