Project information

  • Category: Front End Project
  • Client: Swiggy app dupe
  • Project URL: website link

Details of the project

This project was built to focus on api calls and redux.I have used swiggy's live apis to make a duplicate of swiggy application.

Overcoming Challenges: My Journey to Success:-
  1. while create react app the following 2 are not working:-
    1. npx create-react-app my-app
    2. npm init react-app my-app
    3. so used yarn :- yarn create react-app my-app
  2. was not able to make fetch to 3rd party api of swiggy so used cors plugin extension on chrome
Technologies/Features/Extensions used:-
  1. yarn create react-app my-app
  2. Tailwind
  3. Cors extension
Hooks and concepts used in Reactjs:-
  1. useState
  2. useEffect
  3. useParams
  4. React-router-dom
  5. .map()
  6. .filter()
  7. Chunking/ code splitting/ dynamic bundling/ lazy loading/ on demand loading
  8. Redux [@reduxjs/toolkit and react-redux]
  9. useSelector
  10. useDispatch