Skip to content

Latest commit

 

History

History
37 lines (30 loc) · 1.55 KB

README.md

File metadata and controls

37 lines (30 loc) · 1.55 KB

Red Gym

Description: Red Gym is a React.js-based project that uses HTML, CSS, React.js, and MaterialUI. The main functionality of the project is to fetch data from two APIs - ExerciseDB and YouTube Video and Download API, both obtained from RapidAPI. The ExerciseDB API provides information about various exercises, and its data is used to fetch related videos from the YouTube API. The project boasts a user-friendly interface with reusable components and pagination.

Installation

  1. Download the project as a ZIP file and extract it.
  2. Open the project folder in Visual Studio Code.
  3. Ensure you have Node.js installed.
  4. Install create-react-app globally using the following command: 
    npm install -g create-react-app
  5. Install all project dependencies using: 
    npm install --legacy-peer-deps

Usage

  1. To start the project, run the following command: 
    npm start
  2. When you open the website, the homepage will appear.
  3. Explore exercises by searching for exercises for a particular muscle.
  4. The exercises and their GIFs will be displayed as cards with pagination.
  5. Clicking on a card will open the GIF and the related video fetched from the YouTube API.
  6. The page will also show similar exercise cards.

Note: Please remember to change the API key as it is unique to your setup.

Contributing

If you'd like to contribute to Red Gym, you are welcome to do so. Feel free to submit bug reports, feature requests, or pull requests. Make sure to follow our code formatting standards.

By: Akshit Tyagi