Skip to content

siddharthharshraj/mytube29

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Youtube Web App - React JS, Redux Toolkit, Tailwind CSS

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.

Technologies Used

  • 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.

Features

1. Autocomplete/Typeahead Search

  • Integrated an optimized search functionality with Autocomplete/Typeahead.
  • Implemented caching and debouncing techniques for efficient API calls, ensuring a smooth and responsive search experience.

2. Real-time Live Chat Simulation

  • Utilized API polling to create a dynamic, real-time chat simulation.
  • Users can engage in live discussions, fostering community interaction and engagement.

3. 2-level Comments Thread

  • 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.

4. Captivating YouTube Video Feed Page

  • 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.

How to Run the App

  1. Clone the repository: git clone https://github.com/siddharthharshraj/mytube29.git

  2. Install dependencies: npm install

  3. Start the development server: npm start

  4. Open the app in your browser: http://localhost:3000

Contributors

  • Siddharth Harsh Raj Feel free to contribute to the project and make the Youtube Web App even more feature-rich and user-friendly!

Releases

No releases published

Packages

No packages published

Languages