GitHunt
MO

Mohithanjan23/calplate

AI-Powered Fitness & Nutrition Tracker

๐Ÿฅ— CALPLATE - AI-Powered Fitness & Nutrition Ecosystem

React
Vite
Tailwind CSS
Supabase
TypeScript

"The Ultimate Engine for Health, Fuel, and Motion." ๐Ÿš€

Calplate is a next-generation Health Ecosystem that merges AI Food Tracking with Intelligent Fitness Coaching. Built for speed, aesthetics, and user retention.


๐Ÿ”ฅ Core "Engine" Features

๐ŸŽ 1. AI Visual Food Tracker

Snap a photo, and Calplate's AI engine analyzes your meal instantly.

  • ๐Ÿ“ธ Instant Recognition: Identifies dishes from photos (Simulation Mode active).
  • ๐Ÿง  Multi-Food Intelligence: Detects multiple items (e.g., "Steak" + "Mash") and lets you choose.
  • ๐Ÿ‘† Swipe-to-Delete: Manage your PhotoJournal with smooth gestures.
  • โš–๏ธ Portion Slider: Adjust portion sizes (0.5x - 3.0x) dynamically.

๐Ÿ‹๏ธโ€โ™‚๏ธ 2. Fitness Hub & AI Coach

A dedicated dashboard for your physical evolution.

  • ๐Ÿค– AI Coach: Generates personalized HIIT, Yoga, or Strength plans in 3 steps.
    • Inputs: Goal (Lose Weight) + Equipment (Dumbbells) + Time (20 min).
    • Output: A tailored workout plan ready to start.
  • ๐Ÿ“ Dual-Mode Logger:
    • Cardio: Track duration & intensity.
    • Strength: Track sets, reps, and weight volume.
  • ๐Ÿ”ฅ Net Calorie Engine: Your Dashboard updates in real-time: (Goal + Exercise) - Food = Remaining.

๐Ÿฑ 3. Meal Prep & Planning

  • ๐Ÿฒ 4-Tab Recipe Hub: Browse Quick, Batch, Healthy, and Seasonal recipes.
  • ๐Ÿ›’ Auto-Shopping List: One click adds recipe ingredients to your shopping checklist.
  • ๐Ÿ“… Add-to-Day: Instantly log a recipe to your daily intake.

๐Ÿ“Š 4. Insights & Retention

  • ๐Ÿ’ Ring-Style Tracker: Premium visual progress bar for daily calorie tracking.
  • ๐Ÿ”ฅ Streak Calendar: 30-day heat map to visualize consistency.
  • ๐Ÿ“ˆ Macro Charts: Weekly Calorie Bar Chart & Macro Nutrient Pie Chart.
  • ๐Ÿ’ง Water Tracker: Quick-log hydration via the Floating Action Button.

๐Ÿ“ธ Visual Tour

Dashboard & Ring Tracker AI Food Scanner
Real-time Net Calories & Streak Heatmap Multi-Select AI Recognition
Dashboard Scanner
Fitness Hub AI Coach
Workout Logs & History Generative Workout Plans
Fitness Coach

(Note: Images are placeholders for visual representation)


๐Ÿ› ๏ธ Technology Stack

  • Framework: React 18 + Vite (Blazing fast build tones)
  • Language: TypeScript (Type-safe reliability)
  • Styling: Tailwind CSS (Modern, utility-first design)
  • Backend: Supabase (PostgreSQL, Auth, Real-time)
  • Icons: Lucide React
  • Animations: Framer Motion
  • Charts: Recharts

๐Ÿš€ Getting Started

Prerequisites

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

Installation

  1. Clone the ecosystem

    git clone https://github.com/Mohithanjan23/calplate.git
    cd calplate/calplate-app
  2. Install dependencies

    npm install
    # Installs Framer Motion, Recharts, Supabase Client, etc.
  3. Configure Environment
    Create a .env file in calplate-app:

    VITE_SUPABASE_URL=your_supabase_url
    VITE_SUPABASE_ANON_KEY=your_supabase_key
  4. Ignite the Engine

    npm run dev

    Open http://localhost:5173 to enter the ecosystem.


๐Ÿ”ฎ Roadmap

  • Phase 1: Database & Auth Bridge
  • Phase 2: AI Food Scanner
  • Phase 3: Meal Prep Logic
  • Phase 4: Dashboard & Visuals
  • Phase 6: Visual Tracker & AI Intelligence
  • Phase 7: Integration & Insights
  • Phase 8: Fitness Ecosystem ๐Ÿ‹๏ธโ€โ™‚๏ธ

๐Ÿ“„ License

Distributed under the MIT License. See LICENSE.md for more information.


Built with โค๏ธ and โ˜• by Mohith H