Skip to content

A simple and clean YouTube Clone built using React and Vite, featuring video cards, a sidebar layout, a YouTube-style header, and responsive design.

Notifications You must be signed in to change notification settings

aditya-uii/Youtube-Clone-Reactjs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎬 YouTube Clone – React + Vite

A simple and clean YouTube Clone built using React and Vite, featuring video cards, a sidebar layout, a YouTube-style header, and responsive design.

📁 Repository: https://github.com/aditya-uii/Youtube-Clone-Reactjs


🚀 Features

  • 🎥 YouTube-like user interface
  • 🔍 Search bar UI
  • 📺 Video card layout
  • 📚 Sidebar navigation
  • 📱 Fully responsive
  • ⚡ Built using Vite (fast dev server)

🛠️ Tech Stack

  • React.js
  • Vite
  • CSS / Tailwind (if used)
  • JavaScript (ES6+)

📦 Installation & Setup

Clone the repository:

git clone https://github.com/aditya-uii/Youtube-Clone-Reactjs.git

Navigate inside: cd Youtube-Clone-Reactjs

Run development server: npm run dev

Build for production: npm run build

Preview build: npm run preview

📂 Project Structure (Basic Overview) src/ components/ # Navbar, Sidebar, VideoCard, etc. pages/ # Home, VideoPage UI assets/ # Icons, images App.jsx main.jsx index.html package.json vite.config.js

🔧 Customization You can enhance the project by adding: YouTube Data API integration Category-based filtering Video watch page Responsive mobile sidebar Infinite scroll for video feed

About

A simple and clean YouTube Clone built using React and Vite, featuring video cards, a sidebar layout, a YouTube-style header, and responsive design.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published