YouTubeX

📝 Table of Contents

• About
• features
• Technologies used
• getting started
• Demo
• screenshots

🚩 About

YouTubeX is a clone of YouTube. It is a simple, yet powerful, application that allows you to watch videos and share them with your friends. It is built using the React framework.

it`s a full mimic of YouTube with most of its features.

✨ Features

• Authenticate users using json web tokens
• upload videos & thumbnails to cloud storage
• like / dislike videos
• save videos to watch later
• subscribe to channels && view their videos
• search for video
• Show trending videos based on the most viewed videos
• history of videos watched by the user
• add comments to videos && could delete them
• light theme && dark theme

💻 Technologies Used

Frontend

• React
• React-Router dom
• Redux Toolkit
• Redux Persist
• styled-components
• Axios

backend

• Node.js
• Express
• MongoDB
• jsonwebtoken for authentication
• bcrypt for hashing passwords

🏁 Getting Started

1. Clone the repository

git clone https://github.com/omar214/YouTubeX.git

2. Go to the directory of the repository

cd YouTubeX

3. to run frontend

cd Client
npm install

npm start

4.to run backend

cd Server
npm install
npm start

🎥 Demo

🎥 screenshots

• Sign up

  ---

• Home page

  ---

• Light Theme

  ---

• Video Page

  ---

• Comments

  ---

• upload video

  ---

• Responsive Design

  • sign up

    

  ---

  • home page

  

  ---

• video page

• Upload page

• tablet View