A polished clone of the YouTube UI built using ReactJS, Tailwind CSS, Redux Toolkit, and Firebase. Implements a dynamic video browsing and watching experience with live chat simulation and nested comments. Deployed on Firebase.
You2ube offers a familiar yet lightweight version of the original YouTube UI, with features such as:
- 🔍 YouTube API Integration – Fetches and displays trending videos, video details, and suggestions
- 💬 Live Chat Simulation – Dynamic chatbox on video page mimics real-time user messages
- 🧵 Nested Comments Section – Multi-level replies and comment threads
- 🏠 Homepage & Video Page – Fully responsive and interactive design
- 📚 Search Suggestions – Auto-suggest search bar with caching logic
- 🧭 Sidebar Navigation – Includes sections like Home, Shorts, Subscriptions
- 📱 Responsive Design – Mobile-friendly layout via Tailwind
- 📦 Redux Toolkit – Efficient and scalable state management
- ⚛️ ReactJS – Functional components and Hooks for UI rendering
- 🎨 Tailwind CSS – Utility-first CSS framework for rapid UI development
- 🗂️ Redux Toolkit – Centralized state management
- 🔃 React Router DOM – Seamless routing for SPA navigation
- 🧠 React Icons – Icon library for buttons and UI
- 📅 date-and-time – Format timestamps and chat time
- 🎥 YouTube Data API v3 – Fetch trending videos, video/channel details
- 💾 Firebase – Hosting and deployment
- 🧪 Jest – Unit testing framework
- 🧪 React Testing Library – Component testing utilities
ReactJS, Tailwind CSS, Redux Toolkit, React Router DOM, React Icons,
YouTube Data API, Firebase, Jest, date-and-time, HTML, CSS, JS
- ☁️ Hosted on: Firebase
- 🔗 Fully Integrated: All assets bundled via React + Vite build and deployed using Firebase CLI
- ⚙️ Environment Setup:
.envfile used for storing API keys and configurations
We welcome feedback and contributions!
- 🛠️ Submit Pull Requests for improvements
- 🐞 Open GitHub Issues for bugs or feature requests
- 📧 Reach out via Gmail for questions or collaboration opportunities