Skip to content

An All-In-One Fitness application that is going to prioritize a feature that provides muscle specific stretching, exercises, information, and injury self-assessment.

Notifications You must be signed in to change notification settings

RayCrom2/AIOFitness

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AIOFitness

An All-In-One Fitness application that is going to prioritize a feature that provides muscle specific stretching, exercises, information, and injury self-assessment.

UI prototype (React)

This repository now contains a small React + Vite prototype for an interactive muscle-selection UI.

Files added:

  • index.html — Vite entry
  • package.json — project manifest and dev scripts
  • src/main.jsx — React entry
  • src/App.jsx — main app shell
  • src/components/HumanDiagram.jsx — interactive SVG muscle diagram
  • src/styles.css — basic styles

Run (PowerShell):

npm install
npm run dev

Open the URL printed by Vite (usually http://localhost:5173/) to see the diagram. Click or tab+Enter on muscle regions to select them. The legend on the right also toggles selection.

Next steps:

  • Replace the simple SVG with a more detailed diagram (or import an SVG file) and map accurate regions.
  • Add per-muscle-group info pages and exercises.

About

An All-In-One Fitness application that is going to prioritize a feature that provides muscle specific stretching, exercises, information, and injury self-assessment.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  

Languages