FitTrack - Fitness Tracking Application

FitTrack is a modern, responsive web application built with Next.js and React that helps users track their workouts and fitness progress.

Features

• Workout Tracking: Log and manage your workouts with details like:

  • Duration
  • Type of workout
  • Calories burned
  • Notes and descriptions

• Progress Visualization:

  • Interactive charts showing workout history
  • Weekly and monthly progress views
  • Customizable data visualization (Bar/Line charts)

• User Profile:

  • Personalized user settings
  • Fitness goals tracking
  • Height and weight tracking
  • Dark/Light theme preferences

• Dashboard:

  • Summary statistics
  • Recent workout history
  • Quick-add workout functionality

Technology Stack

• Frontend:

  • React 18.2
  • TailwindCSS
  • Framer Motion for animations
  • Recharts for data visualization

• State Management:

  • React Context API
  • Local Storage for data persistence

• UI Components:

  • Radix UI primitives
  • Lucide React icons
  • Custom themed components

Getting Started

1. Clone the repository

git clone [repository-url]
cd fitness-tracker

2. Install dependencies

npm install
# or
pnpm install

3. Run the development server

npm run dev
# or
pnpm dev

4. Open http://localhost:3000 in your browser

Project Structure

fitness-tracker/
├── app/                  # Next.js app directory
├── src/
│   ├── components/       # React components
│   ├── context/         # Context providers
│   ├── pages/           # Application pages
│   └── services/        # API and utility services
├── public/              # Static assets
└── styles/             # Global styles and Tailwind config

Features in Detail

Workout Tracking

• Add new workouts with detailed information
• Edit and delete existing workouts
• Categorize workouts by type
• Track duration and calories burned

Progress Charts

• Visual representation of workout data
• Multiple chart types (bar, line)
• Time-based filtering (weekly, monthly, yearly)
• Progress towards fitness goals

User Settings

• Customize profile information
• Set fitness goals
• Toggle dark/light theme
• Manage notification preferences

Contributing

1. Fork the repository
2. Create a new branch (git checkout -b feature/improvement)
3. Commit changes (git commit -am 'Add new feature')
4. Push to branch (git push origin feature/improvement)
5. Open a Pull Request

License

[Your chosen license]

Acknowledgments

• Icons by Lucide
• UI Components inspired by shadcn/ui
• Charts powered by Recharts