https://github.com/ahmedsamyop/youtube-app
Shatot Youtube App with youtube-v3-alternative API built with ReactJS, Redux, Redux Toolkit, React Router DOM, Docker, CircleCI, and deployed on Netlify
https://github.com/ahmedsamyop/youtube-app
circ docker docker-compose javascript netlify react react-rounter-dom react-router reactjs redux redux-toolkit youtube youtube-api
Last synced: 3 months ago
JSON representation
Shatot Youtube App with youtube-v3-alternative API built with ReactJS, Redux, Redux Toolkit, React Router DOM, Docker, CircleCI, and deployed on Netlify
- Host: GitHub
- URL: https://github.com/ahmedsamyop/youtube-app
- Owner: ahmedsamyop
- Created: 2024-04-25T17:25:33.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-26T13:00:44.000Z (about 1 year ago)
- Last Synced: 2025-01-08T22:51:36.336Z (4 months ago)
- Topics: circ, docker, docker-compose, javascript, netlify, react, react-rounter-dom, react-router, reactjs, redux, redux-toolkit, youtube, youtube-api
- Language: JavaScript
- Homepage: https://shatot-youtube.netlify.app/
- Size: 700 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# youtube-app
Shatot Youtube App with youtube-v3-alternative API built with ReactJS, Redux, Redux Toolkit, React Router DOM, Docker, CircleCI, and deployed on Netlify
With the YouTube app, you can easily search for and watch all your favorite videos without any annoying ads interrupting your viewing experience
### build & Deploy with
- React
- React Router Dom
- React Redux & toolkit
- Docker
- CircleCi
- Netlify
[View Demo](https://shatot-youtube.netlify.app/)
## Description
With the YouTube app, you can easily search for and watch all your favorite videos without any annoying ads interrupting your viewing experience. Whether you're looking for music videos, tutorials, vlogs, or funny clips, the YouTube app has it all right at your fingertips.
The app also allows you to easily share videos with friends and family through social media or messaging platforms. Stay entertained and informed with the YouTube app wherever you go
## Build and Start Project in Local Machine
Clone the project
```bash
git clone https://github.com/ahmedsamyop/youtube-app.git
```
To Install all dependencies, run the following command
```bash
npm install
```
To build, run the following command
```bash
npm run build
```
To Test, run the following command
```bash
npm run test
```
To Start developing , run the following command
```bash
npm start
```
## Build and Start Project in Docker
Clone the project
```bash
git clone https://github.com/ahmedsamyop/youtube-app.git
```
To Start developing , run the following command
```bash
docker compose up -d --build
```
To Stop project , run the following command
```bash
docker compose down
```
## Environment Variables
- Create a file `.env` to add environment variables
- To run this project, you will need to add the following environment variables to your .env file
```bash
REACT_APP_API_KEY="Your Api"
REACT_APP_API_HOST="Your Api"
```
## Get Your API
#### RapidAPI
RapidAPI provides developers with a powerful and straightforward API that makes it easy to create applications
- Create Account
- Subscribe youtube-v3-alternative
## Deployment
- CI / CD CircleCi Deploying to Netlify [@blog](https://circleci.com/blog/react-netlify-deploy/)
- To deploy this project run
```bash
npm run deploy
```