An image of the Tip Calculator UI in its default state

Live Demo

Why It Was Built

Inspired by a prompt from frontendmentor.io and a feeling that I hadn’t written any JavaScript in a while, I decided to build this little web app one weekend as a fun exercise.

How It Works

The app allows users to input the total bill amount, tip percentage, and the number of people. The design was provided in the challenge prompt, however I made one slight tweak that I felt would provide a better user experience on mobile. I added tappable plus and minus buttons next to the Number of People input so users wouldn’t have to bring up the keyboard for that input. Instead, they can quickly tap the buttons to make changes.