Fitness Dashboard

A modern fitness tracking dashboard with workout statistics, calendar integration, and progress visualization.

Features

• Weekly Activity Summary

  • Track workout duration and calories burned
  • Visualize performance with interactive charts
  • Goal completion progress

• Workout Calendar

  • View scheduled workouts
  • Mark completed sessions
  • Add new training events

• Achievements System

  • Track fitness milestones
  • Visual progress indicators
  • Challenges and badges

• Upcoming Workouts

  • Session reminders
  • Join functionality
  • Trainer information

Technologies Used

• Frontend:

  • Next.js (React)
  • Ant Design (UI Components)
  • Recharts (Data Visualization)

• Styling:

  • Tailwind CSS
  • CSS Modules

Getting Started

Prerequisites

• Node.js (v18 or later)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/fitness-dashboard.git
   
   
   fitness-dashboard/

├── public/ # Static files ├── src/ │ ├── app/ # Next.js pages │ ├── components/ # React components │ ├── lib/ # Utility functions │ ├── styles/ # Global styles └── README.md