Responsive Landing Page - SCSS/SASS + js (OLOO pattern) + Gulp
Design comparison
Solution retrospective
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
- @shahbazm788Posted about 1 month ago
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 helpful0@PetrakoowPosted about 1 month ago@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 GitHubJoin 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