Project Overview
A full-featured YouTube clone built entirely with React.js. The goal was to replicate YouTube's core user experience — including video browsing, playback, channel navigation, and search — while applying modern front-end development best practices.
Key Features
- Video browsing and playback powered by YouTube Data API
- Channel page navigation and video grid layout
- Real-time search functionality
- Responsive layout using CSS Grid with mobile-first design
- BEM (Block Element Modifier) methodology for scalable CSS architecture
- Deployed on Firebase Hosting for fast global CDN delivery
What I Learned
This project solidified my understanding of React component architecture, state management, and API integration. Applying BEM to a large-scale project taught me how to keep CSS maintainable and scalable. CSS Grid gave me hands-on experience building complex, responsive layouts without relying on a CSS framework.