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 with Cart with vanilla JavaScript

P
Jay L 60

@jaylstudio

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?

Thought it would be hard using only vanilla JavaScript, but actually it wasn't. The reason why I started off with only vanillas is because I wanted to challenge myself and I'm glad I did. If not, I would have gone for sort of an easy way which is using React.js.

Next time, I want to try solving the importing problem with data.json and see if I can simplify already existing functions as well.

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

Importing data.json, which came with the project, was keep failing by the MIME type error. So I had to change the JSON file extension into JavaScript file and manually export the data.

Community feedback

Mahmood 1,070

@MahmoodHashem

Posted

A truly impressive and extraordinary solution. Wishing you even greater success in your future challenges

0

P
Jay L 60

@jaylstudio

Posted

@MahmoodHashem Thank you, thank you, thank you! This means a lot to me. Thanks for making time to check out my solution.

1
Mahmood 1,070

@MahmoodHashem

Posted

@codetxpia Yes, it was worth it. Just keep the hard work

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