Gym Tracker

A modern, mobile-friendly gym tracking application built with React, Supabase, and Tailwind CSS.

Features

• Workout Tracking: Log exercises, sets, reps, and weight.
• Programs: Create and manage workout programs (e.g., Push/Pull/Legs).
• History: View past workouts and track progress over time.
• Body Weight: Log and visualize body weight trends.
• Authentication: Secure login with Google (via Supabase).
• PWA Ready: Designed to look and feel like a native app on mobile.

Tech Stack

• Frontend: React (Vite)
• Backend: Supabase (PostgreSQL, Auth, Realtime)
• Styling: Tailwind CSS
• Icons: Lucide React
• Charts: Recharts

Local Development Setup

1. Clone the repository:

   git clone https://github.com/aleemulhaq/gym-tracker.git
   cd gym-tracker

2. Install dependencies:

   npm install

3. Environment Variables: Create a .env.local file in the root directory and add your Supabase credentials:

   VITE_SUPABASE_URL=your_supabase_project_url
   VITE_SUPABASE_ANON_KEY=your_supabase_anon_key

4. Database Setup:

   • Go to your Supabase Dashboard > SQL Editor.
   • Open the supabase/schema.sql file from this project.
   • Copy the contents and paste them into the SQL Editor.
   • Click Run to create the tables and security policies.

5. Authentication Setup:

   • In Supabase, go to Authentication > Providers.
   • Enable Google.
   • Configure the Client ID and Client Secret (from Google Cloud Console).
   • Add your redirect URLs (e.g., http://localhost:5173 for local dev).

6. Run the app:

   npm run dev

Deployment

This project is optimized for deployment on Vercel.

1. Push your code to GitHub.
2. Import the project in Vercel.
3. Add the VITE_SUPABASE_URL and VITE_SUPABASE_ANON_KEY environment variables in Vercel.
4. Deploy!

Important: After deployment, update your Supabase Site URL and Redirect URLs to match your Vercel domain.