Submitted 9 months ago

product-list-with-cart

tailwind-css

Alexander•210

@lordever

A solution to the Product list with cart challenge

Preview Code

Solution retrospective

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

I decided to take a break from React/Angular and try building a shopping cart and order summary logic using vanilla JavaScript, without any frameworks or libraries.

What I managed to do: Add products to cart Update counters and icons Render order summary Re-render on quantity change Basic state and structure handling

What usually takes just a few minutes with Angular or React components and reactivity took almost 3 hours of manual logic here. I didn’t cover every edge case — just got a bit tired of this page — but I’m happy with the result!

Great practice to refresh DOM manipulation, event handling, and state management by hand.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Alexander's solution.

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