youtube-clone Tailwind Templates

Youtube Clone

A highly scalable responsive YouTube clone App build with React, Redux & Tailwind CSS powered by YouTube API v3. Includes search videos, watch video, live chat, related videos, and many more...

logo

React YouTube Clone

A React YouTube Clone app where you can watch and search any videos available on YouTube, also you can add comment on Live Chat.

🔴 Demo

👉 Live Demo Click "Live Demo" to open it

Technologies Used

Features

  • Debouncing with 200ms, improving the "🔍search" by reducing the API calls on frequent key press.
  • Cached the search results using the Redux store to reduce the number of API calls.
  • 1-level nested comments💬 using the concept of "Recursion".
  • Implemented Live Chat 🟢, using the concept of API polling after every 1500ms and decreased website load by removing old chats present in the redux store.
  • Applied logical bundling (chunking) to optimized the app with fast initial page load time.
  • Powered the data layer with Youtube's Live API.
  • Infinite Scroll on Home page.
  • Full Responsive design.

Screenshots

Home Page

Screenshot 2023-03-02 at 4 57 42 PM

Mobile Home page

Screenshot 2023-03-02 at 4 58 51 PM

Search Input Dropdown

Screenshot 2023-03-02 at 5 02 53 PM

Mobile Search Input Dropdown

Screenshot 2023-03-02 at 5 04 34 PM

Search Page

Screenshot 2023-03-02 at 5 14 29 PM

Mobile Search Page

Screenshot 2023-03-02 at 5 15 21 PM Screenshot 2023-03-02 at 4 24 51 PM

Mobile Sidebar

Screenshot 2023-03-02 at 5 17 49 PM

Watch Page

Screenshot 2023-03-02 at 4 50 56 PM

Mobile Watch Page

Screenshot 2023-03-02 at 4 53 37 PM

👨‍💻 Connect with me

You can reach me through below handles.

Top categories

Loading Svelte Themes