Skip to content

Noor-Ahmed-12/Gym-exercises-web-app-with-react-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

fitness react web app

😱 Features:

  • 1000s of Exerices with videos
  • Similar Exercises
  • Similar Youtube videos
  • Body Mass Index(BMI) Calculator
  • Exercises Equipment

Used APIs in this react application(Rapid APIs)

create account and get API keys of yours to set in application and create ".env" file in your react folder then paste the following code with your API key

REACT_APP_RAPID_API_KEY = pasteYourAPIKEY
ESLINT_NO_DEV_ERRORS=true

🔑 APIs

📚 Languages, Frameworks, Platforms and Libraries

HTML5 CSS3 material-ui JavaScript NPM Visual Studio Code React NodeJS React Router

Install fresh react app with create-react-app to install the default packages of react.

Now edit package.json file and replace DEPENDENCIES with the below code to run the error free app

code:

"dependencies": {
    "@emotion/react": "^11.9.0",
    "@emotion/styled": "^11.8.1",
    "@mui/icons-material": "^5.6.1",
    "@mui/material": "^5.6.1",
    "react": "^18.0.0",
    "react-dom": "^18.0.0",
    "react-horizontal-scrolling-menu": "^2.7.1",
    "react-loader-spinner": "^6.0.0-0",
    "react-router-dom": "^6.3.0",
    "react-scripts": "^2.1.3"
  },
  

Then Run this command on your terminal to install these above dependencies:

 npm install --legacy-peer-deps 

OR

 yarn add --legacy-peer-deps

At last run

 npm start

😈 Live Demo

🔹connect with me for more amazing projects:

Noor Ahmed Shaikh | LinkedIn Noor Ahmed Shaikh | Facebook Noor Ahmed Shaikh | instagram Noor Ahmed Shaikh | youtube