Back to Projects
Featured
VidTube – YouTube Clone Using React and YouTube API
Responsive YouTube-Like Video Platform with Category Filtering and Playback
VidTube is a fully responsive YouTube clone built with React.js and the YouTube Data API v3, offering real-time video playback, category filtering, and detailed video pages with comments and related videos.
Nov 2024 - Jan 2025
2.5 months
Solo Project
CompletedOverview
VidTube is a responsive single-page video platform inspired by YouTube. Built using React.js and YouTube Data API v3, it includes:
- Dynamic category selection with real-time video rendering
- Video playback with channel details, likes, subscriber count, and full description
- Responsive UI for mobile, tablet, and desktop
- Right-hand panel showing clickable related videos
- Ability to navigate and play any related video with seamless experience
Problem
Mimics YouTube's core features for learning and demonstration purposes, offering a user-friendly and mobile-optimized video streaming experience.
What I Did
- •Designed and implemented responsive React UI with video playback
- •Connected and configured YouTube Data API v3 for dynamic video content
- •Handled state and routing using Context API and React Router
- •Implemented dynamic category-based video filtering
- •Built comment, like, and related video sections with real-time data
Key Features
✓YouTube V3 API Integration
✓Category-wise Video Filtering Like YouTube
✓Responsive Layout for All Devices
✓Detailed Video Pages with Meta Information
✓Real-Time Comments Section
✓Interactive Sidebar for Related Videos
✓Dynamic Routing with React Router
✓Smooth Video Transitions
✓SPA with Fast Navigation and Rendering
Impact
Showcases how to build a complex, real-world frontend application using public APIs with modern development practices.
Technologies
React.jsJavaScriptCSS3YouTube Data API v3React RouterAxiosContext APIHTML5Vite