Skip to content
Submitted 10 months ago

Product list with cart w/ (Next + Tailwind + Typescript) 👨‍💻

jest, next, redux, typescript, tailwind-css
Adriano•42,870
@AdrianoEscarabote
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?

I am very proud of how well I executed the design and ensured the project remained true to the original specifications. The attention to detail in the layout and responsiveness was a particular highlight for me.

What specific areas of your project would you like help with?

I would appreciate comments on the code structure and any recommendations for improving performance. I'm also open to suggestions on how to improve accessibility and ensure the project is as easy to use as possible across all devices and platforms.

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Stuart Roper•130
    @Ropenfold

    Hi Adriano, I've had a look at your code and how it works and it looks and operates great! There's not a lot I can see that would do differently, I would say the tablet layout could be improved, I have had a look on the figma design and it is a 3 tile across layout. When I checked this in the browser set to a tablet layout, it didn't quite look the same. You would just need 2 media view classes. I tend to start with the mobile view and then build out the other 2 layouts. Other than that, this is a great design. Well Done.

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