Design comparison
Solution retrospective
I found using an array for the desert products coupled with a hashmap that acted as the cartitems was an effective way of tracking the quantity and feeding it to the needed components. Single source of truth sort of blah blah blah. I also somewhat like the (pseudo) skeleton loaders on the images and converting the cart to a fixed item on mobile. Some of the styling execution could probably be tidier but I think the setup overall lends for a better user experience.
What challenges did you encounter, and how did you overcome them?Again, my first instinct was to use an array to track cart-items but it felt like that was going to lead to a-lot of array search/updates where as the map data structure felt cleaner. Some of the image handling with Next is new to me, especially with having 3 separate images. I think there is still some learning in optimizing in all of that but overall, things got to a decent point in this effort.
What specific areas of your project would you like help with?Any tips or tricks with Next or Tailwind as I'm still a bit new to them, or any feedback/suggestions in general are all welcomed! 🙂
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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