YouTube Clone

This project is a simple YouTube clone built with React, utilizing the React Router for routing and Material UI for component styling.

Preview

• run npm run build

• deployed using `@netlifyapp

• url: https://medtube.netlify.app

• You can check it out , how it looks like like .. UP AND RUNNING

Project Description

This clone app allows users to view different categories of videos and channels just like on the original YouTube platform. The clone includes a Feed page, a detailed Video page, a detailed Channel page and a Search page.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

You need to have Node.js and npm installed on your system to run this project. If you don't have it installed, you can download and install it from the official Node.js website.

Installation

Clone this repository to your local machine:

using: git clone [email protected]:AryanT10/youtubeClone_React.git

Navigate into the main directory and install the required dependencies:

cd youtube-clone

npm install

Run the application:

npm start

The application will start running at: http://localhost:3000

•Built With

React.js - JavaScript library for building user interfaces

React Router - Routing library for React

Material-UI - UI framework for React based on Material Design

Features

Feed Page: Displays a feed of videos and channels.

Video Detail Page: Shows detailed view of a selected video, with the video player and additional video information.

Channel Detail Page: Showcases detailed information about a specific channel, including the list of videos under the channel.

Search Page: Allows users to search for videos and channels and displays the search results.

Components

The project includes the following React components:

Navbar: Displays the navigation bar.

Feed: Handles and displays a feed of videos and channels.

ChannelDetails: Renders detailed information about a specific channel.

SearchFeed: Handles the functionality related to searching for videos or channels.

VideoDetails: Manages and displays detailed information about a specific video.

SearchBar: A search bar component for users to search for videos or channels.

Sidebar: A sidebar that displays different categories of videos.

Videos: Displays a list of videos.

VideoCard: Displays a single video card with video thumbnail and information.

ChannelCard: Displays a single channel card with channel information.