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

E-commerce Product Page: Tailwind CSS, Vue.js

Sushmoy 300

@isushmoy

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?

I'm incredibly proud of my ability to implement complex logic to create the lightbox gallery efficiently, entirely on my own. Additionally, I take pride in effectively utilizing props, emits, and slots to facilitate seamless communication between components. Another achievement I'm proud of is successfully implementing a dynamic theme feature that effortlessly transitions between dark and light modes across all components.

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

The most significant challenge I encountered was implementing the algorithms for the lightbox gallery. This involved developing logic to seamlessly transition between images and handle user interactions effectively.

To overcome this challenge, I broke down the problem into smaller, more manageable tasks. I conducted thorough research to understand the principles behind lightbox galleries and studied existing implementations for inspiration. I then carefully designed and implemented the algorithms, testing each step along the way to ensure functionality and address any issues promptly.

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

Any suggestions on how I can improve are welcome!

Community feedback

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