Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
  • Built with
• Author

Overview

This is a simple web app that calculates tips based on the users inputs; Bill, Tip percent and Number of people. The web app was made with simple web dev languages; HTML, CSS and vanilla javaScript. The design and assets were gotten from a challenge given by frontendmentor

The challenge

Users should be able to:

• View the optimal layout for the app depending on their device's screen size
• See hover states for all interactive elements on the page
• Calculate the correct tip and total cost of the bill per person

Screenshot

Links

• Live Site URL: Tip Calculator App

My process

I started with building the skeleton of the app with HTML only and I addded CSS for styling the app. I added functionality with javaScript; reset, percent conversion, selectors and so on.

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• Vanilla javaScript

Author

• Twitter - @daviddixx