I’m excited to share my latest project: a 100% functional and pixel-perfect YouTube Clone that replicates the core features of the real YouTube desktop interface. This project brings the familiar look and feel of YouTube to a custom-built web app, combining clean design, responsive layouts, and dynamic functionality. Whether you’re exploring trending videos or searching for content, the experience mirrors that of the original platform with full interactivity.

The clone includes a live search suggestion bar, just like YouTube, making content discovery intuitive and quick. Users can switch between dark and light modes with an accurate red-black theme, ensuring comfortable viewing in any environment. The dynamic video grid UI with hover effects adds realism, while the collapsible sidebar menu improves navigation, mimicking professional streaming platforms. Every element was crafted for usability and a smooth visual experience.

Designed to work seamlessly across desktops, tablets, and smartphones, this project emphasizes responsive layouts, fluid grids, and adaptable components. Real-time data fetching through the YouTube Data API allows the app to display actual video content dynamically. Building this clone deepened my understanding of JavaScript DOM manipulation, API integration, and responsive web development, providing hands-on experience with real-world front-end challenges.

This project leverages HTML, CSS, JavaScript, and the YouTube Data API to deliver a realistic, interactive experience. From hover effects to dynamic search, each feature demonstrates best practices in modern web design and front-end development. It serves as both a portfolio highlight and a practical blueprint for creating scalable, interactive web applications. Check it out and feel free to share feedback — it’s a testament to what can be achieved with dedication and attention to detail in front-end development.