YouTube Clone (Frontend)

This is a YouTube clone application built with Next.js. It allows users to browse videos, view details on individual video pages, and experience a responsive layout similar to the original YouTube platform.

Table of Contents

• Home Page
• Video Page
• Installation
• Contributing
• License

Home Page

The home page serves as the main dashboard for users to discover and watch videos. It features:

• Video Thumbnails: Displays a grid of video thumbnails, each representing a video available for viewing.
• Video Metadata: Each thumbnail includes the following metadata:
  • Title: The title of the video.
  • Channel Name: The name of the channel that uploaded the video.
  • Views: The number of views the video has received.
  • Timestamp: Indicates when the video was uploaded (e.g., "2 days ago").

Key Features

• Search Bar: Users can search for videos by title or keyword.
• Responsive Design: The layout adapts to different screen sizes for optimal viewing on mobile and desktop devices.
• Infinite Scrolling: As users scroll down, more videos are loaded dynamically, enhancing the browsing experience.

Video Page

The video page provides detailed information about a specific video. It includes:

• Video Player: The main video player embedded on the page, allowing users to play, pause, and adjust settings.
• Video Details: Information about the video, including:
  • Title: The title of the video.
  • Channel Name: The channel that uploaded the video.
  • Views: The total number of views.
  • Likes/Dislikes: Count of likes and dislikes received.
  • Description: A brief description of the video's content.
• Comments Section: Users can view and post comments related to the video, fostering engagement.

Additional Features

• Related Videos: A list of related videos displayed on the right sidebar to encourage continued viewing.
• Subscribe Button: Users can subscribe to the channel directly from the video page.
• Like Button: Users can like the video.
• Dislike Button: Users can dislike the video.
• Share Button: Users can share the video.
• Download Button: Users can download the video directly from the video page.
• More Button: Users can click to the know more about the video.

Installation

To run the application locally:

1. Clone the repository:

   git clone https://github.com/USERNAME/YOUTUBE_CLONE.git
   cd Youtube-clone

Install dependencies:

npm install

Start the development server:

npm run dev

$Open your browser and navigate to (http://localhost:3000).