YouTube Clone

A responsive and dynamic clone of the YouTube interface built using HTML, CSS (Tailwind CSS), and JavaScript. This project features a functional navbar, sidebar, dynamic content cards, and responsive design to provide a seamless user experience.

Features

• Responsive Design: Adapts to various screen sizes, including mobile, tablet, and desktop views.
• Navbar: Fixed top navigation bar with a search bar, microphone, and user options.
• Sidebar: Fixed sidebar for quick navigation, visible on larger screens.
• Quick Topics: A row of scrollable topic buttons for filtering content categories.
• Dynamic Content: JavaScript dynamically generates video cards with data such as title, channel name, views, and upload date.
• Footer: Mobile-friendly footer navigation for easier access.

Technologies Used

File Structure

.
├── index.html          # Main HTML file
├── output.css          # Compiled Tailwind CSS file
├── script.js           # JavaScript for dynamic rendering
├── img/                # Image assets (icons, thumbnails, profile pics)
├── Thumbnails/         # Video thumbnail images
└── README.md           # Project documentation