Ecommerce Product Page

Hello everyone!

I tried to take my time with this challenge and make it as aesthetically pleasing and as feature-full as I could.

In addition to the usual goals such as responsiveness, semantic HTML, here is a list of features and that I implemented in this solution:

• Modals with click-away listeners for the cart, the lightbox gallery, and the mobile menu.
• A carousel with swipe support.
• Stacking dismissble toast messages.

The most important thing I learned from doing this challenge: spacer divs!

The technologies and libraries I used:

• Typescript
• React
• Framer Motion
• SCSS

I hope it turned out well. I welcome any constructive or destructive criticism.