Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

React, Bootstrap 5 and React Image Gallery

Sergiy• 880

@MrSeager

Desktop design screenshot for the E-commerce product page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

Its working

What challenges did you encounter, and how did you overcome them?

Gallery was challenging, I found out a "React Image Gallery" and work with that.

What specific areas of your project would you like help with?

"React Image Gallery" I couldn't fully customize it

Community feedback

lavollmer• 350

@lavollmer

Posted

Hi!

Great job on your project - it looks very similiar to the design! A couple small things that may improve your project - 1. The website tab still uses the "React App" and react symbol. I would encourage changing that in your index.html to the Ecommerce page and frontend mentor symbol provided in the assets folder. 2. README - I would work on improving your README to include your process, your project notes and ways you want to continue to develop your skills. There is a README template provided in the Frontend Mentor folder with the project. 3. The other thing I would work on is your lightbox to display the images which is something you can work on in the future!

Otherwise, trying out your project live site - you were successfully able to add to the cart, your hover states were great and the design looked good! Keep up the good work!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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