Skip to content

AbdulrahmanAshraf98/Youtube-Clone-React-MU

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

59 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Youtube-clone React Js based on Youtube-Api

Built With React js - material-ui - React-Redux -React Router Dom V6 - Youtube-Api

📝 Table of Contents

📋 Features

  • Get Catagories Videos
  • Get Channel/Video Details
  • Search for Videos/Channels
  • Play Youtube Videos
  • Get Recommended Videos

🌐 LIVE DEMO

Vercel:https://youtube-clone-react-mu.vercel.app/



⛏️ Built Using

  • [React Js] -UI Libaray
  • [React Router Dom] -For Routing
  • [material-ui] -React UI Tools
  • [React Redux] -State Management
  • [Redux Thunk] -Asynchronous Request
  • [reselect] -A library for creating memoized "selector" functions

🔥 Preview

Video Preview Link

🏁 Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites

Install library React Js && React Router Dom && FireBase && Swiper js .

Get Your ApiKey From rapidapi Youtube v3

Installing

How to fork and clone

One quick note about cloning this project. If you wish to make commits and push your own code, you'll need to fork the project first. Forking allows you to have your own copy of this repository by adding a duplicate version in your own profile!

You can see the fork button in the top right corner of every GitHub project; click it and a copy of the project will be added to your GitHub profile under the same name as the original project.

github fork

After forking the project, simply clone it the way you would from the new forked project in your own GitHub repository and you can commit and push to it freely!

After you fork and clone:

Install dependencies

In your terminal after you clone your project down, remember to run either npm install to build all the dependencies in the project.

Set your .env file

create .env file with
REACT_APP_RAPID_API_KEY=Your_RAPID_API_KEY

✍️ Authors

Abdulrhman Ashraf