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 using Next.js 13.4 with TS and Tailwind

Chatcharin 170

@auychat

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 did you find difficult while building the project?

The most challenging aspects I encountered while developing this website, which required a considerable amount of time and effort to comprehend, were as follows:

  • Implementing the CartContext functionality.

  • Ensuring responsiveness across various screen sizes.

  • Working with LocalStorage and Session Storage.

Which areas of your code are you unsure of?

I have some uncertainties regarding the responsive design, primarily due to the diverse range of screen sizes. There may be areas where adjustments are needed, and I've also encountered certain image issues related to Next.js.

Do you have any questions about best practices?

I wonder if there are any specific areas in my project that could benefit from further improvement or refinement according to best practices. While I believe I've followed industry standards to the best of my ability, this marks my inaugural solo project, built entirely from scratch, following online courses and YouTube tutorials.

I'm totally up for any suggestions you've got on making things better. Whether it's about tweaking the project setup, improving accessibility, naming stuff differently, reusing some code, or anything else you've got in mind to make things smoother – just spill it!

Thank you. 😊

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