Flex-It-Out Tailwind Templates

Flex It Out

🚀 FLEX-IT-OUT – AI fitness platform for 🏆 Bajaj Finserv Hackathon | Built with ⚛️ React + 🟦 TS + 🎨 Tailwind + 🤖 MediaPipe 🏋️‍♂️🔥

FLEX-IT-OUT: AI-Powered Fitness Tracker 🏋️‍♂️

A fitness tracking web app that uses your webcam to count squats in real-time! Built during Bjaj Finserv Hackathon using MediaPipe pose detection.

✨ What it does

  • Counts your squats automatically using your webcam
  • Shows your pose landmarks in real-time
  • Tracks your form using angle detection
  • Simple and easy to use interface

🛠️ Built with

  • React
  • TypeScript
  • Tailwind CSS
  • MediaPipe Pose Detection
  • Vite

🚀 Running the project

  1. Clone the repo:

    git clone https://github.com/SachittRajpal/Flex-It-Out.git
    cd flex-it-out
    
  2. Install dependencies:

    npm install
    
  3. Start the development server:

    npm run dev
    

💪 Challenges we faced

  • First time using MediaPipe - lots of debugging!
  • Getting the squat detection to work properly

👥 Our Team: HackTrix 🚀

  • 🔹 Backend: Sharad Chandel
  • 🔹 Frontend: Rudar Partap Singh
  • 🔹 Pose Detection (MediaPipe): Sachit Rajpal & Safal Varadhan
  • 🔹 Collaborated with Everyone: Shaiv Sud

🔜 What's next

  • Add more exercise (pushups, bicep curls etc)
  • Add it multiplayer
  • Add a leaderboard functionality
  • Add a Mobile support

📸 Screenshots

ss

Top categories

Loading Svelte Themes