Thank You For Considering me for this Position and following are the Assignment deatails.

This project has:

  1. Navigaion bar
  2. Product Page
  3. Single Product Page
  4. Cart Page

BACKEND

npm run serve

Open http://localhost:8080 to view it in your browser.

Run the above command will to Call this API [ https://fakestoreapi.com/products ] through the node server.



FRONTEND

npm start

Open http://localhost:3000 to view it in your browser.

  1. Navigaion bar
    • Route to Home and Cart page is provided ( used react router dom v6 ).
    • Provided Sticky property so the navbar does not move on scrolling.

  1. Product Page
    • Render products with infinite scroll.
    • Clicking on image or title will redirect user to single product page.
    • Clicking on Add to cart button will add that particular product to Cart.

  1. Single Product Page
    • Detailed information about that particular product.

  1. Cart page
    • Render products added to the Cart.
    • Removal of particular product functionality is also provided.

No third party CSS was used