Skip to content

mohmoussad/youtube-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

YouTube Clone - Frontend

A Frontend clone of YouTube built using React. The application allows users to search for videos and watch them just like on the original YouTube platform. It utilizes the YouTube Data API provided by RapidAPI to fetch video data.

Live Version 🚀

Screenshot from 2023-07-30 04-55-54

Technologies Used

  • React
  • Material-UI
  • Axios
  • GitHub Actions
  • GitHub Pages

Features

  • Search for videos by entering keywords in the search bar.
  • Display a list of videos based on the search query.
  • Watch videos by clicking on the video thumbnail or title.
  • Show video details such as title, description, and statistics.
  • Show channel details such as title and previous videos.

To-Do

  • Enhance error handling.
  • Enhance responsivity.
  • Pagination.
  • Animations.
  • Unit tests.

Usage

You can find it live here or you can run it locally:

  1. Clone the repository:
git clone https://github.com/mohmoussad/youtube-clone.git
  1. Install the dependencies using npm (or yarn):
cd youtube-clone
npm install
  1. Obtain your YouTube Data API key from RapidAPI and replace the REACT_APP_RAPID_API_KEY in the .env file with your API key.
  2. Install the dependencies using npm (or yarn):
npm start