This project is a dynamic YouTube clone built using React JS and Redux Toolkit for state management. It replicates core features of the YouTube platform, providing users with a seamless and immersive video browsing and playback experience.
-
Autocomplete/Typeahead Suggestions: Implemented advanced user engagement features, including autocomplete/typeahead suggestions for search, enhancing the search experience.
-
Optimized API Calls: Optimized API calls using caching and debouncing techniques to improve performance and reduce server load.
-
Live Chat Interaction: Simulated live chat interactions with API polling, creating dynamic real-time communication between users for an engaging experience.
-
2-Level Comments Thread: Designed a 2-level comments thread for in-depth discussions, enhancing user interaction and content engagement.
-
UI Components: Crafted captivating UI components using TailwindCSS, ensuring an intuitive and visually appealing user experience.
-
Key Pages: Constructed key pages, including the YouTube Video Feed Page, YouTube Watch Page, and YouTube Search Result Page, providing users with a seamless and immersive video browsing and playback experience.
-
Efficient Navigation: Leveraged React Router DOM v6 for efficient navigation, ensuring smooth transitions between various application views.
-
API Integration: Integrated YouTube and Google APIs to fetch and display real-time content, replicating the core functionality of the original platform.
To run this project locally, follow these steps:
-
Clone the repository to your local machine.
-
Install project dependencies using
npm install. -
Start the development server using
npm start.
The app will be available at http://localhost:3000.