Skip to content
Submitted 2 months ago

MVC Architectural Design Pattern With Vanilla JS

maziarja•290
@maziarja
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...E-commerce product page
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

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

This is my first project where I implemented a mobile-first approach, and I would structure the menu’s HTML differently next time

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

The minus and plus SVG buttons didn’t work correctly for me, so I had to switch to Font Awesome for another SVG. However, it wasn’t a challenge

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

I would appreciate it if you could take a look at my project and code, and share your feedback.

Community feedback

  • Peter Godspower•640
    @TheBeyonder616Posted 2 months ago

    Congratulation on your code. it's really good, consider adding transition next time to make the website look smooth

    Marked as helpful
    0
    maziarja•290
    @maziarjaPosted 2 months ago

    @TheBeyonder616 I appreciate your feedback. Next time, I’ll focus more on transitions. I’ve also added some transitions to the navigation and mobile menu following your comments.

    0
  • Mohd Sadaf•790
    @MsadafKPosted 2 months ago

    this looks great 👍

    1
    maziarja•290
    @maziarjaPosted 2 months ago

    @MsadafK Thanks 😊

    0

Please log in to post a comment

Log in with GitHub

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