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

Responsive Landing Page - SCSS/SASS + js (OLOO pattern) + Gulp

Petrakowww 120

@Petrakoow

Desktop design screenshot for the Product list with cart coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

This was my first project on Frontend Mentor where I used JavaScript. I’m especially proud of using Gulp to automate tasks such as SCSS compilation and deploying the project to GitHub Pages. Gulp helped streamline the build process, which replaced tools I usually relied on like Sass Watcher and Live Server. Although the code could have been cleaner, I’m happy I managed to implement features that I often use in my workflow. Next time, I would focus on optimizing the JavaScript logic and improving the overall project structure.

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

Understanding the OLOO pattern was a challenge, as it took me time to fully grasp its differences from traditional "OOP" in JavaScript. Additionally, working with the DOM for the first time proved difficult, and the initial code wasn't as clean as I wanted. It took several iterations to refine the code. Through practice, I gained a better understanding of both DOM manipulation and object patterns, which helped me enhance the overall

Community feedback

@shahbazm788

Posted

Nice wok, but I found a bug when we are on mobile and have many items in our cart and clicked on confirm order button prompt shows but "start new order" button hidden its a bug, nice work keep it up

Marked as helpful

0

Petrakowww 120

@Petrakoow

Posted

@shahbazm788 Thank you for your feedback, indeed, I didn't see this when I checked, I'll try to fix it soon.

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