Skip to content
This repository has been archived by the owner. It is now read-only.

manikandanraji/youtubeclone-frontend

master
Switch branches/tags
Code

Latest commit

Manikandan Raji So long
124a602

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 

Youtube Clone Frontend

NOTE: As of 10-06-2022 at 20:00 IST, I am archiving this repository. It was fun while it lasted.

Youtube clone using PERN stack (Postgres, Express, React, Node).

This is the frontend repository, built with React + Redux. If you are looking for the backend repository, click here

Core packages

  1. Redux - State Management
  2. React Router - Routing
  3. Styling - Styled Components
  4. Toast Notifications - React Toastify
  5. Network calls - Axios
  6. Video player - Videojs

Video uploads

I am using cloudinary for hosting videos and the thumbnails are generated automatically once we upload the video to cloudinary

Features

  1. Login/Signup
  2. Upload video
  3. Search video by channel name
  4. Search video by title, description
  5. Like/Dislike video
  6. Subscribe/Unsubscribe from channels
  7. Add comment
  8. Edit profile (avatar, cover)
  9. Liked videos
  10. History

Running locally

At the root of your project create an .env file with the following contents:

# BE stands for Backend Endpoint
REACT_APP_BE=<YOUR_BACKEND_ENDPOINT> # eg: http://localhost:5000/api/v1
REACT_APP_CLOUDINARY_ENDPOINT=https://api.cloudinary.com/v1_1/<YOUR_CLOUD_NAME>

Then run npm i and npm start to see the youtube clone in action

For more detailed instructions, click here

Watch the Demo

Video

UI

Home

Home

Trending

Trending

Watch

Watch

Suggestions

Suggestions

Channel

Trending

Edit Profile

Edit Profile

Trending

Library

Library

Search

Search

My Clone Trilogy

With this clone, I am finishing what I call 'my clone trilogy'. If you are interested, you can visit my other clones that are part of this trilogy

  1. Twitter

  2. Instagram

About

Youtube Clone Frontend (React + Redux)

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published