Project information

  • Category: Front End Youtube Project
  • Client: Youtube dupe
  • Project URL: website link

Details of the project

This project was built to focus on debouncing and API Polling calls, redux.

Key Takeaways from the Project Experience :-
  1. up routing
  2. import createBrowserRouter , RouterProvider from 'react-router-dom';
  3. set up redux store with slice
  4. never use string always put them in constants
  5. creating custom hooks
  6. search feature included debouncing
  7. multi language
  8. responsive


Technologies/Features/Extensions used:-
  1. yarn create react-app my-app
  2. Tailwind
  3. Cors extension
Overcoming Challenges: My Journey to Success:-
  1. Used debouncing and caching in search bar
  2. Live chat :- challenges --> get data live --> update the UI
  3. Overcoming the challenges:- --> Data (live) :- (1st choice) Web sockets - is a 2 way connection. It’s a handshake between a server and a UI. Once the handshake is made between a server and a UI we can quickly send data from either sides. Ex:- trading apps, whatsapp (2nd choice) Long/API polling :- The data is unidirectional. Meaning UI will keep pulling data from the server in an interval. Ex:- Gmail , cricbuzz, Therefore used API Polling.