my gym is a web based web based fitness and exercise app built with React with Rapid API (youtube search API and ExerciseDB which is a database API containing 1300+ exercises with body part, target muscle equipment necessary, and a form and follow-through animation, this project was built as a part of my react training and because it was interesting to me as a gym addict.
check out the website through this link : https://brzane.github.io/my-gym/
Note: Exercise's images and gif are not loading cuz of mixed-content blocking by the browsers and the api only gives back http gifs and not https and both github pages and netlify forces https upgrades, so feel free to download the code and try it out yourself.
- Home page:
- hero section
- exercises section by body part
- pagination
- Exercise detail page:
- single exercise details
- youtube suggestions for that exercise
- Routing between pages using react-router
this is a react project you can clone this repo and run npm install then npm start and you are good to go.
note: you should replace the api key in the fetchData.js file with your api key from Rapid API website so follow the link bellow
https://rapidapi.com/
| Home Page | Details Page |
|---|---|
 |
 |
I'm happy if anyone wants to contribute to this repo and happy hacking :)
here is my Linkedin Account for any questions: www.linkedin.com/in/brzane-barmaga