Back
Year
2024
Tech & Technique
React.js, Material UI (MUI), YouTube Data API v3, Google OAuth, Axios, React Router, Vercel
Description
A fully functional YouTube clone that replicates the core features of YouTube including video playback, search, channel browsing and more.
Key Features:
Technical Highlights:
Key Features:
- 🔍 Video Search: Real-time search using YouTube Data API v3
- 📺 Video Playback: Embedded player with full-screen and resolution controls
- 👤 Channel View: View channel details, video listings and subscribe option
- 🌐 Google OAuth: Secure login using Google account
- 📱 Responsive UI: Optimized layout for mobile, tablet and desktop
Technical Highlights:
- Integrated YouTube Data API v3 for fetching real-time video data
- Used Google OAuth for user authentication and secure access
- Built the entire UI using Material UI (MUI) with dark/light theme toggle
- Implemented routing and nested layouts with React Router
My Role
Frontend Developer
Built the application from scratch, focusing on seamless user experience and real-time data rendering:
Built the application from scratch, focusing on seamless user experience and real-time data rendering:
- 🎨 UI/UX: Designed with MUI for a polished and consistent interface
- 📡 API Integration: Consumed YouTube API endpoints with Axios
- 🔐 Auth: Set up Google OAuth for user login and access control
- 📦 State Management: Used React Context API and hooks for state handling
- 🚀 Deployment: Hosted on Vercel with continuous integration setup