Exercise App

This is a Exercise project built with React JS, Typescript, Material UI.

View Demo

Introduction

This is a practice project. I want to add what I learn in this project and future projects. I did this project with ReactJS. I used Material UI for style argument and Typescript for type safety and rapidApi platform for api usage.

Technologies Used

• Vitejs: Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects.
• React.js: Frontend library for building the user interface.
• Mui: MUI provides a simple, customizable, and accessible library of React components.
• Typescript: TypeScript is JavaScript with syntax for types.
• React Router: React Router DOM is an npm package that enables you to implement dynamic routing in a web app..
• RapidAPI: Find the APIs you need for your project, embed the API in your app.
• Swiper: The Most Modern Mobile Touch Slider.

Configuration

1. Create a .env file in the root directory of your project.
2. Add necessary environment variables to the .env file.

VITE_RAPID_API_KEY=
VITE_RADPID_API_YOUTUBE_SEARCH_AND_DOWNLOAD_KEY=

Installation

1. Clone the repo

   git clone https://github.com/aliasghar-official/react-exercise-app.git

2. Install NPM packages

   npm install

3. Start the application

   npm run dev

Open your web browser and visit http://localhost:5173 to access the application.

Acknowledgments

I used the following APIs to make this program and I am thankful to the creator of these wonderful APIs.

https://rapidapi.com/justin-WFnsXH_t6/api/exercisedb

https://rapidapi.com/h0p3rwe/api/youtube-search-and-download