Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 1 year ago

E-commerce product page built w/ React & Tailwind

react, tailwind-css, vite
Laerice Dessouassiβ€’450
@dinadess
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?

This was my first solo project with React so I am proud of it all in general.

I built it with :

  • ❄ React
  • πŸŒ„ Tailwind CSS
  • 🎊 React Confetti Explosion &
  • πŸ¦šπŸ–ΌReact Toastify

I am proud of the little pieces I added to the website especially the confetti explosion at checkout.

What I would do differently ? I don't know if it was because of the project or React but I found it very easy to overlook accessibility (when opening and closing the menu for example or the cart). So I think I will make that a primary focus in upcoming projects.

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

I had a hard time when building the gallery. For some reason, I decided to do it with external libraries and it was a pain :(

I finally reflected and realized it won't be so hard to build so I decided to do it on my own and then I saw that it was part of the challenge to build the gallery ourselves. So I built it and it was wayyy easier than I thought.

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 Laerice Dessouassi'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

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

Frontend Mentor

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

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