Submitted about 2 years ago

Ecommerce Product Page | Angular 15

accessibility, angular

Huy Phan•3,430

@huyphan2210

A solution to the E-commerce product page challenge

Preview Code

Solution retrospective

Hello😁! My name is Huy, and this is my solution for this challenge.

Users should be able to:

View the optimal layout for the site depending on their device's screen size
See hover states for all interactive elements on the page
Open a lightbox gallery by clicking on the large product image
Switch the large product image by clicking on the small thumbnail images
Add items to the cart
View the cart and remove items from it

What I used🚀:

Framework: Angular
Language: Typescript, HTML, SASS
I don't use any extra libraries

Thank you! Cheers🎉

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Huy Phan'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