https://github.com/shz-code/ffitness

ffitness | React-Redux Exercise Website
https://github.com/shz-code/ffitness

css exercises javascript material-ui rapidapi react react-router redux responsive-design

Last synced: 17 days ago
JSON representation

ffitness | React-Redux Exercise Website

• Host: GitHub
• URL: https://github.com/shz-code/ffitness
• Owner: shz-code
• Created: 2022-09-23T17:32:39.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-04-13T06:38:24.000Z (about 3 years ago)
• Last Synced: 2025-06-29T01:43:22.563Z (10 months ago)
• Topics: css, exercises, javascript, material-ui, rapidapi, react, react-router, redux, responsive-design
• Language: JavaScript
• Homepage: https://ffitness.netlify.app
• Size: 4.98 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![ffitness logo](./src/assets/img/ffitness-text.png)

# ffitness | Concept Exercise Website | A React-Redux app.

### [Tech & Tools used:](#)

![](https://img.shields.io/badge/Library-React-informational?style=flat&logo=react&logoColor=white&color=2bbc8a)

![](https://img.shields.io/badge/Tool-Redux%20Toolkit-informational?style=flat&logo=redux&logoColor=white&color=2bbc8a)

![](https://img.shields.io/badge/Tool-Redux%20Router%20Dom-informational?style=flat&logo=react&logoColor=white&color=2bbc8a)

![](https://img.shields.io/badge/Tool-Material%20UI-informational?style=flat&logo=mui&logoColor=white&color=2bbc8a)

![](https://img.shields.io/badge/Tool-Rapid%20Api-informational?style=flat&logo=fastapi&logoColor=white&color=2bbc8a)

## Features of ffitness

- Over 1000 Exercises with Gifs and Youtube Videos.

- Search for desired exercises.

- Filter By Body Part

- Search any Exercise name, body part

- Responsive design

- Optimized using Redux Toolkit

## Multi Paged Web App

This app contains pages like:

### Home Page

- Hero Section

- Search Bar

- Exercise Category

- All Exercises with pagination

### Exercise Details Page

- Exercise Details

- Related Youtube Videos

- Similar Exercises

# [`ffitness` Website Hosted on Netlify](https://ffitness.netlify.app)

![](https://img.shields.io/badge/Netlify-Deployed-informational?style=flat&logo=netlify&logoColor=white&color=2bbc8a)

## Environment Variables

To run this project, you will need to add the following environment variables to your .env file

`REACT_APP_RAPIDAPI_KEY`

`REACT_APP_RAPIDAPI_HOST`

## Snapshots

![ffitness](./src/assets/img/website-preview.png)

## Run Locally

Clone the project

```bash

  git clone https://github.com/shz-code/ffitness.git

```

Go to the project directory

```bash

  cd ffitness

```

Install dependencies

```bash

  npm install

```

Start the server

```bash

  npm start

```

Or

```bash

  yarn start

```

## Acknowledgements

- [Main Design is from Dribble](https://dribbble.com/shots/16419594/)

- Rapid Api ([Exercise DB](https://rapidapi.com/justin-WFnsXH_t6/api/exercisedb/)) Api

- Project Idea from [adrianhajdin](https://github.com/adrianhajdin)