Skip to content

SnowFlowerr/Youtube-Clone-Frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

155 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Youtube-Clone-Frontend

A full-stack Youtube-Clone-Frontend built with ReactJS that allows users to browse, search, and view videos, mimicking the core features of YouTube.

Features

  • Video Search: Search for videos based on keywords.
  • Video Playback: Play videos with a custom video player.
  • Related Videos: Display a list of related videos.
  • Responsive Design: Adapts to different screen sizes for a seamless user experience.
  • Dark Mode: Option to switch between light and dark mode.
  • Comments Section: Add and view comments for each video.

Tech Stack

Frontend

  • ReactJS: A JavaScript library for building user interfaces.
  • React Router: For navigation and routing between pages.
  • Axios: For making API requests.
  • CSS Modules: To scope CSS by component.
  • React Player: For embedding video players.

Backend

The backend server is hosted in a separate repository. You can find it here: Youtube-Clone-Frontend Backend

Getting Started

Prerequisites

  • Node.js installed on your machine.

Installation

  1. Clone the repository:
    git clone https://github.com/yourusername/Youtube-Clone-Frontend.git
    
  2. Navigate to the project directory:
    cd Youtube-Clone-Frontend
    
  3. Install the dependencies:
    npm install
    

Setting Up Environment Variables

  1. Create a .env file in the root directory:
    touch .env
    

Releases

No releases published

Packages

 
 
 

Contributors