https://github.com/aliasghar-bagheri/react-exercise-app
This is a Exercise project built with React JS, Typescript, Material UI
https://github.com/aliasghar-bagheri/react-exercise-app
exercise exercise-app material-ui mui reactjs
Last synced: over 1 year ago
JSON representation
This is a Exercise project built with React JS, Typescript, Material UI
- Host: GitHub
- URL: https://github.com/aliasghar-bagheri/react-exercise-app
- Owner: aliasghar-bagheri
- Created: 2024-10-24T11:40:40.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-24T11:42:54.000Z (over 1 year ago)
- Last Synced: 2025-01-29T03:57:32.797Z (over 1 year ago)
- Topics: exercise, exercise-app, material-ui, mui, reactjs
- Language: TypeScript
- Homepage: https://react-exercise-app.onrender.com/
- Size: 490 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 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
- **V**itejs: Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects.
- **R**eact.js: Frontend library for building the user interface.
- **M**ui: MUI provides a simple, customizable, and accessible library of React components.
- **T**ypescript: TypeScript is JavaScript with syntax for types.
- **R**eact **R**outer: React Router DOM is an npm package that enables you to implement dynamic routing in a web app..
- **R**apidAPI: Find the APIs you need for your project, embed the API in your app.
- **S**wiper: 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.
```bash
VITE_RAPID_API_KEY=
VITE_RADPID_API_YOUTUBE_SEARCH_AND_DOWNLOAD_KEY=
```
## Installation
1. Clone the repo
```sh
git clone https://github.com/aliasghar-official/react-exercise-app.git
```
2. Install NPM packages
```sh
npm install
```
3. Start the application
```sh
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