The Youtube Web App is a React-based project that replicates the core functionalities of YouTube. It incorporates advanced features using React, Redux Toolkit, and Tailwind CSS, enhancing the user experience and providing a platform for discovering and interacting with video content.
-
React JS: The primary library for building the user interface and managing component-based architecture.
-
Redux Toolkit: Utilized for state management, particularly in managing the application's complex state and interactions.
-
Tailwind CSS: Used for styling, providing a utility-first approach for creating a responsive and visually appealing user interface.
- Integrated an optimized search functionality with Autocomplete/Typeahead.
- Implemented caching and debouncing techniques for efficient API calls, ensuring a smooth and responsive search experience.
- Utilized API polling to create a dynamic, real-time chat simulation.
- Users can engage in live discussions, fostering community interaction and engagement.
- Implemented a two-level comments thread to encourage in-depth user discussions.
- This feature allows users to reply to comments, facilitating a more interactive and conversational environment.
- Designed an engaging video feed page for users to discover new content.
- Implemented Shimmer UI on the Feed Page.
- The feed incorporates user preferences, trending videos, and personalized recommendations for an enhanced viewing experience.
-
Clone the repository:
git clone https://github.com/siddharthharshraj/mytube29.git -
Install dependencies:
npm install -
Start the development server:
npm start -
Open the app in your browser:
http://localhost:3000
- Siddharth Harsh Raj Feel free to contribute to the project and make the Youtube Web App even more feature-rich and user-friendly!