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

audiophile e-commerce // HTML , CSS , vanilla JS

P
Jens 610

@Jenskiii

Desktop design screenshot for the Audiophile e-commerce website coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
5guru
View challenge

Design comparison


SolutionDesign

Solution retrospective


First ever level 5 challenge,

used HTML, CSS, vanilla js

it looked straightforward but there were a lot of small challenges, overall quite fun

problems the cart on the main page doesn't work correctly, I fetch the data from the JSON but since my index is in another folder he can't find that

feedback is always welcome ;)

Community feedback

Carl 855

@CarlHumm

Posted

Hi there

I've had a little look and noticed two things.

  1. The Cart doesn't work on headphones and speakers at all because your pages.js script isn't linked in the html files.
  2. Your cart price doesn't update properly on home page and other pages because you are wrongly referencing .cart__amount as a class when in the HTML it is a span with an ID.

If you correct these it should update cart on all pages and show correct price. You could add a little formatting if you wanted to the price.

Other than this, very good job the design looks very nice. I'm yet to attempt a large project like this.

Marked as helpful

2

P
Jens 610

@Jenskiii

Posted

@CarlHumm thanks a lot for this, fixed them asap

1

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