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

Product List with Cart using plain HTML+CSS+JavaScript

S Mishra 230

@sthitaprajna-mishra

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?

It's been some some time since I've worked on any frontend project so wanted to be back by starting with the bare bone tools! I've completed this challenge using vanilla JavaScript, and since this is a really interactive challenge, I had to spend quite some time coding this.

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

Using React/Angular would have been much easier but as I said I want to be more comfortable working with JavaScript basics so I opted to go the harder route.

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

I know this is not pixel perfect as the css stylings were written without using any tool like Saas/TailwindCSS so please be kind 🙏. Also, please let me know if I can improve this project in any way.

Community feedback

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