https://github.com/shz-code/tube-fx
Tube-Fx | Simple YouTube clone using Rapid Api
https://github.com/shz-code/tube-fx
jsx material-icons material-ui muiv5 rapidapi react react-router-dom responsive-design tube-fx video-streaming youtube-clone
Last synced: about 1 month ago
JSON representation
Tube-Fx | Simple YouTube clone using Rapid Api
- Host: GitHub
- URL: https://github.com/shz-code/tube-fx
- Owner: shz-code
- Created: 2022-09-16T06:05:34.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2022-09-29T15:28:20.000Z (over 2 years ago)
- Last Synced: 2025-01-21T07:07:39.670Z (3 months ago)
- Topics: jsx, material-icons, material-ui, muiv5, rapidapi, react, react-router-dom, responsive-design, tube-fx, video-streaming, youtube-clone
- Language: JavaScript
- Homepage: https://tube-fx.netlify.app
- Size: 731 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tube-Fx | YouTube clone using rapid api | A react app.
Tech & Tools used:
- React js
- React-router-dom
- React-player
- Material Ui
- Rapid Api
## Features of Tube Fx
- Real time video feed
- Channel details
- Video player
- Search any video/ channel
- Responsive design
- Different dynamic catagories
- Theme change (Dark/Light)
- Total theming change including primary color also possible.
## Multi Paged Web App
This app contains pages like:
- Feed page
- Channel page
- Video details page
Various information related to video are showcased manually.
# [`tube-fx` Website Hosted on Netlify](https://tube-fx.netlify.app)
[](https://app.netlify.com/sites/tube-fx/deploys)
## Snapshot
## 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`
## Run Locally
Clone the project
```bash
git clone https://github.com/shz-code/tube-fx.git
```
Go to the project directory
```bash
cd tube-fx
```
Install dependencies
```bash
npm install
```
Start the server
```bash
npm start
```
## Acknowledgements
- Rapid Api ([Youtube V3](https://rapidapi.com/ytdlfree/api/youtube-v31/)) Api
- Project Idea from [adrianhajdin](https://github.com/adrianhajdin)