Skip to content
Submitted 11 months ago

Interactive Product List with React + Vite

react, tailwind-css, vite
Muhammad Sami Ahmad•50
@MuhammadSamiAhmad
A solution to the Product list with cart challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

Using the API Context for the first time for state management

What challenges did you encounter, and how did you overcome them?

Importing the images from the data.json file, I created an images.js file to export the images in a form suitable for the react components to render it, with it's different screen sizes.

Code

Please log in to post a comment

Log in

Community feedback

  • dk•280
    @jenna1k

    I think it is good ux when user click outside of modal the orders remains

    for improvement,

    • fixed image size on grid
    • mobile responsive
    • and it would be good to reset state when 'start new order' button clicked

    overall, good structure and good implement.

    great job!

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord