Tailwind + TypeScript + React.js | E-commerce Product Page

Hi there!

This project took me a little bit longer than I expected, the autumn weather definitely does not help with my coding motivation :D

To summarize, the users are able to:

• Add and remove items from the cart.
• Update quantity of the cart items.
• View the cart's content.
• Open a modal gallery carousel by clicking on the large product image and interact with it.
• Switch the large product image by clicking on the small thumbnail image.
• Interact with mobile gallery by tapping the arrow buttons or swiping right or left.
• View the optimal layout for the site depending on their device's screen size.
• See hover states for all interactive elements on the page.

In addition to this:

• The cart is stored within local storage, so it's fetched from there as soon as the page reloads.
• Users can swipe between slides on mobile devices - I used React Swipeable library to implement this feature.

As always, I'll be grateful for any feedback.

Thanks & Happy Coding! 🎃