Product List With a Cart Using NextJS, Tailwindcss and TypeScript
Design comparison
Solution retrospective
I learnt how to Create Context and use Context to manage states in the project.I learnt Context API is the better than useState in global management of states.
What challenges did you encounter, and how did you overcome them?My main challenges was to calculate Cart totals for the items added to the cart but I managed to research and implement the logic to multiply item quantity by the price and then have an accumulative total for the entire cart.
What specific areas of your project would you like help with?I would like to have some help styling the add and minus button especially the hover styles.
Community feedback
- @ShamirLeonPosted 3 months ago
Hi! Excellent work.
When I have designs with specific columns, I usually use grid in CSS because it allows me better control over columns and rows.
You used flexbox, and many times this can affect the size of the elements inside the parent container.
Advice: Return a single element in each React component to keep your code clean and easy to understand, making composition and styling management easier.
I hope this helps you in your next challenge! Hugs from Colombia.*
Marked as helpful1@matthewkuriaPosted 3 months ago@ShamirLeon Thank you so much for your feedback.Let me rework the project using the grid and also return a single component.That was really helpful! I will be implementing your insight for the upcoming projects too.Hugs from Kenya.🤝🤝
0
Please log in to post a comment
Log in with GitHub
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