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 website

Mauritz 290

@MauritzLM

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


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

This was my first time using typescript and I learnt a lot about using types in react. I can see how it is important in larger projects.

I want to try a more test driven development approach in my next project.

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

The project was larger than I anticipated and it took me a long time to finish, but I just kept working on it.

I had some trouble with images not displaying when I hosted the site on vercel, but fixed the issue by moving the images and svgs to a /public folder in the root directory.

Figuring out the cart state was difficult. Keeping track of items and updating the cart correctly together with the functionality of the number inputs to add or remove items was a fun challenge.

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

I want to improve in testing components and fetch related functionality, so any feedback / tips would be appreciated.

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