Skip to content

Latest commit

 

History

History
33 lines (26 loc) · 1.93 KB

readme.md

File metadata and controls

33 lines (26 loc) · 1.93 KB
Raw

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

HTML5 CSS3 JavaScript TailwindCSS Font Awesome Google Fonts

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