Submitted about 3 years ago

Ecommerce Product Page

motion, react, typescript, sass/scss

Sahand Masoleh•1,210

@sahand-masoleh

A solution to the E-commerce product page challenge

Preview Code

Solution retrospective

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.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Sahand Masoleh's solution.

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