Giter Club home page Giter Club logo

youtube-clone's Introduction

YouTube Clone with RapidAPI ▶

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

Tech stack

This project was created using Create React App.

Dependencies

Check other project dependencies and versions in the package.json file.

How to use this project

Development

  1. Clone the project git clone [email protected]:augusticor/youtube-clone.git
  2. Install the project dependencies using npm install
  3. Rename .env.example file to .env.local
  4. Create a Rapid API account to consume the api
  5. Subscribe to Youtube v31 api
  6. Copy and paste your X-RapidAPI-Key in the VITE_RAPIDAPI_KEY environment variable located in the file from step 3
  7. Start the project using npm start

Testing

  1. Follow steps 1 to 6 from development mode ⬆
  2. Open cypress running npm cypress:open on your CLI and click on E2E testing on testing type
  3. Select a browser and the spec file you want to run

Live Deployment

Just visit the deployed app at: YouTube Clone

Available Scripts

npm start

Runs the app in the development mode. Open http://localhost:5173 to view it in your browser.

npm cypress:open

Opens cypress on local testing, allowing to choose the testing type, in this case end-to-end tests. More information on official documentation.

npm cypress:run

Runs cypress tests, use it for continuous integration. More information on official documentation.

npm run build

Builds the app for production to the build folder.

youtube-clone's People

Contributors

augusticor avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.