🧘‍♀️ FitWell Dashboard

A modern, interactive wellness dashboard designed to help users track fitness progress, mood, daily habits, and health goals — built with the latest web technologies and engaging animations for an exceptional user experience.

🚀 Built With

• Next.js 15 – App Router with Turbopack
• React 19 – Latest React features
• TypeScript – For type safety and enhanced developer experience
• Tailwind CSS v4 – Utility-first styling
• Radix UI Components – Accessible UI primitives
• Zustand – Lightweight and efficient state management
• Motion – Fluid animations and transitions
• Next Themes – Seamless theme switching

✨ Features

• 📊 Interactive Dashboard
  Comprehensive overview of all health and fitness metrics in a responsive layout.

• 😊 Emoji Mood Tracker
  Record your daily mood with interactive emoji selections and note-taking capability.

• 📈 Progress Grid
  Visualize statistics including calories burned, steps, workouts completed, and sleep quality.

• ✅ Checklist Planner
  Manage daily wellness tasks and track completion status.

• 🏋️ Workout Schedule
  Plan and track weekly workout routines.

• 🎯 Goal Setting
  Set, edit, and track personal fitness and wellness goals.

• 👨‍🏫 Coach Connection
  Access your wellness coach's profile and guidance.

• 🎨 Theme Customization
  Toggle between dark/light modes and customize theme colors.

• 👤 User Profile
  Track personal stats including streak days, level, and achievement points.

• 📱 Fully Responsive
  Optimized layout for all device sizes from mobile phones to large desktop displays.

🛠️ Getting Started

First, install the dependencies:

# Using pnpm (recommended)
pnpm install

# Or using npm
npm install

# Or using yarn
yarn install

Then, run the development server:

# Using pnpm with Turbopack
pnpm dev

# Or using npm
npm run dev

# Or using yarn
yarn dev

Open http://localhost:3000 with your browser to see the dashboard.

🔧 Project Structure

• /src/components - UI components including dashboard widgets
• /src/app - Next.js App Router pages
• /src/lib - Utility functions and state management
• /src/data - JSON data files for user stats, checklists, and weekly plans

🌐 Key Components

• ProgressGrid - Main statistics display
• MoodTracker - Daily mood logging system
• ChecklistPlanner - Task management widget
• WorkoutSchedule - Weekly exercise planner
• GoalCard - Personal goal setting
• ProfileCard - User profile and achievements
• ThemeCustomizer - Theme customization controls

👨‍💻 Developers

This project was developed by:

• Aryan Kumar - Lead Developer
• Aditya Singh - Frontend Developer