This project is a responsive, front-end clone of YouTube built using HTML, CSS, and JavaScript, with dynamic functionality and UI inspired by the official YouTube website.
🔗 Live Demo: harshal-youtubeclone.netlify.app
- 🎬 Dynamic video cards layout (responsive grid)
- 🔍 Search bar with icon
- 🎤 Microphone button
- ➕ Create/upload icon
- 🔔 Notification dropdown with badge counter
- 👤 Profile/account section
- 📜 Sidebar with navigation links
- 📱 Fully responsive for mobile, tablet, and desktop
├── index.html
├── video.html
├── css/
│ ├── page.css
│ └── videocard.css
├── js/
│ ├── index.js
│ ├── notifi.js
│ └── youtube-api-script.js
├── assets/
│ └── [All image/icon files]
- HTML5
- CSS3 (Flexbox, Grid, custom styling)
- JavaScript (DOM Manipulation, Event Handling)
- Optional: TailwindCSS or Bootstrap (in development)
- Clone the repository
git clone https://github.com/HarshalSawale4/YouTube-Clone.git-
Open
index.htmlin your browser -
For any JavaScript interaction (e.g. video preview or notifications), ensure JS files are included correctly.
- ✅ Basic layout and routing
- ✅ Notification system UI
- 🔲 Integrate real YouTube Data API (search, videos)
- 🔲 Login/Signup page with Firebase Auth (optional)
- 🔲 Dark Mode toggle
Harshal Sawale
🌐 Portfolio
🔗 Live Site
📧 Contact: available on portfolio