YouTube Clone

Year

2023

Tech & Technique

React, Tailwind CSS, YouTube Data API, Axios, React Context API, React Router, Netlify

Description

A personal project replicating core YouTube functionality with a familiar, intuitive interface. Built with ReactJS and Tailwind CSS for a fast, responsive experience across desktops, tablets, and mobile devices.

Key Features:

🔍 Video Search: Integrated YouTube Data API for real-time search results
▶️ Video Playback: Embedded player with related videos sidebar
📃 Video Details: Display of title, description, view count, and comments
❤️ Like/Dislike UI: Interactive buttons with state management
📱 Responsive Design: Fluid layouts optimized for all screen sizes

My Role

Solo Developer
Owned the full frontend build:

🎨 Built UI components in React using Tailwind CSS for styling
🔗 Integrated YouTube Data API via Axios for search and video details
🔄 Managed global state with React Context and custom hooks
⚙️ Implemented React Router for client-side routing between views
🐛 Performed code reviews, debugging, and performance optimizations