This web application is a simple clone of YouTube that uses Youtube v31 api from Rapid API. It has end to end tests using Cypress Framework that can be run in local environment or on continuous integration using the official Cypress GitHub Action.
Visit the deployed app at: YouTube Clone
This project was created using Create React App.
- Frontend library - react.js
- End to end tests - Cypress Framework
- Continuous Integration - GitHub Actions, check e2e.yml file
- Styles and UI - Material UI
- Build tool - Create React App
- Routes - React Router
Check other project dependencies and versions in the package.json file.
- Clone the project
git clone git@github.com:augusticor/youtube-clone.git - Install the project dependencies using
npm install - Rename .env.example file to .env.local
- Create a Rapid API account to consume the api
- Subscribe to Youtube v31 api
- Copy and paste your X-RapidAPI-Key in the VITE_RAPIDAPI_KEY environment variable located in the file from step 3
- Start the project using npm start
- Follow steps 1 to 6 from development mode ⬆
- Open cypress running npm cypress:open on your CLI and click on E2E testing on testing type
- Select a browser and the spec file you want to run
Just visit the deployed app at: YouTube Clone
Runs the app in the development mode. Open http://localhost:5173 to view it in your browser.
Opens cypress on local testing, allowing to choose the testing type, in this case end-to-end tests. More information on official documentation.
Runs cypress tests, use it for continuous integration. More information on official documentation.
Builds the app for production to the build folder.