Skip to content
Submitted 7 months ago

Product list with cart implemented with React, TS

bem, react, typescript, vite
Csaba Hell•220
@hellcsaba
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 haven't used React and TypeScript for a while but I could easily catch up again. I implemented reusable components for example the cart-item, order-item. I'm happy that I managed to do the deployment with github pages.

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

One of my biggest challenges was the deployment of the project. I didn't know how the build (public and src folders) work with Vite and that caused me some problems. However, after some research I managed to find out and fix the missing images.

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Kamran Kiani•2,780
    @kaamiik

    Hi. Congrats for doing this challenge. I have some notes I wanna mention:

    • You do not need any header for this html. all the content should be inside the main including h1.
    • I suggest that first on mobile the items be on one column and then on tablet shift to 3 column for items and the Cart be behind of it and your desktop style is good.

    Your modal is a dialog element in html. Use dialog or just add proper roles.

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