Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Interactive Product List with React + Vite

@MuhammadSamiAhmad

Desktop design screenshot for the Product list with cart coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

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.

Community feedback

P
dk 220

@jenna1k

Posted

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!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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