FitnessTracker

A modern React application built using Vite, JavaScript, and Bootstrap.

🌐 Live Demo

🚀 Try the app here:
Live Demo

Project info

This application is designed as a fitness tracking platform.

🚀 Features

• 🔐 User Authentication (Firebase)
• 📊 Dashboard Overview
• 🍽️ Nutrition Tracking
• 🏃 Workout Tracking
• 📈 Progress & History Tracking
• ⚖️ Weight Monitoring
• 💧 Water Intake Tracking
• 👤 User Profile Management

---

📊 Progress Filtering (Recent Update)

The Progress page now supports dynamic time-based filtering:

• Today
• 7 Days
• 30 Days
• 3 Months
• 1 Year
• All Time

✅ Behavior

• Updates summary cards dynamically
• Updates charts based on selected range
• Shows only filtered data

---

Technologies Used

This project is built with:

• Vite
• JavaScript
• React
• Bootstrap
• React-Bootstrap
• Firebase

How to Run Locally

If you want to work locally using your own IDE, you can clone this repo and run it.

The only requirement is having Node.js & npm installed - install with nvm

Follow these steps:

# Step 1: Clone the repository
git clone <YOUR_GIT_URL>

# Step 2: Navigate to the project directory
cd <YOUR_PROJECT_NAME>

# Step 3: Install the dependencies
npm install

# Step 4: Start the development server
npm run dev

Building for Production

To create a production build, run:

npm run build

This will generate a dist folder containing the optimized assets.

Linting

To run ESLint and check for code formatting issues:

npm run lint