Skip to content
Submitted 4 months ago

Tip Calculator App with SASS, OOP and MVC

sass/scss
nodegreecode•380
@nodegreecode
A solution to the Tip calculator app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

This one took me quite some time to complete, but I’m happy to have finally finished it! This time, I went all in and built this small app using OOP and MVC—definitely overkill for something this simple. But my goal was to practice working with Classes, OOP, and the MVC pattern in JavaScript, and in the end, it actually works.

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

The first challenge was structuring the functionality across different classes. Then, I had to build the project and get it running with Parcel. And last but not least, there was the CustomTips field—it’s not perfect yet, but it works! There’s still plenty of room for improvement in my solution, but I’m happy with the progress so far.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Dirk•300
    @dirkvankrieken

    Well done!

    • It matches the design closely, and looks good, both desktop view and mobile view
    • Interesting choice of programming technique (MVC) for the interactive part. I am not familiar with it yet, so can't say much about the code, but it looks good.

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