Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted about 1 year ago

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

Sushmoy•320
@isushmoy
A solution to the E-commerce product page challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

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!

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Sushmoy'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
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub