sharad-s / youtube-react

Youtube Clone in React

Youtube Clone

Demo React Project for Pizza Hut Interview.

Search and Watch videos from Youtube in a clean, easy-to-use interface.

Makes use of:

• React
• Youtube API
• SemanticUI CSS
• Docker & Docker-compose
• Jest/Enzyme for Unit Testing
• Travis CI
• AWS ElasticBeanstalk

Getting Started

You can use NPM/Yarn to install and start the project

git clone https://github.com/sharad-s/react-demo
cd react-demo
npm install
npm start

Alternatively, you can use Docker & docker-compose to run the project

git clone https://github.com/sharad-s/react-demo
cd react-demo
docker-compose up --build

Configure app

Copy .env.sample.local to .env.local then edit it with a Youtube API Key.

Run Unit Tests

Unit tests for Components are written in Jest and Enzyme.

Run unit tests using NPM/Yarn

 npm test

Run unit tests using Docker/docker-compose.

 docker-compose up

---

Languages & tools

HTML

• JSX for templating.

JavaScript

• React
• Axios is used for making API calls.
• Youtube Data API is used for Youtube Integration.

CSS

• SemanticUI is used to style the UI.
• FontAwesome is used for icons.

Testing

• Jest/Enzyme is used for Unit Testing components.

CI/CD

• Git is used for version control.
• Docker & Docker-compose is used to containerize the app for development and production.
• TravisCI is used to trigger tests, builds and deployments through Git.
• AWS ElasticBeanstalk is used to deploy the app in the cloud.