Skip to content

A simple tip calculator that lets you enter a bill amount and number of guests, then choose between 5%, 10%, or 20% tip options. It calculates the total and per-person cost for easy splitting. Built as a lightweight practice project to demonstrate basic UI and logic.

Notifications You must be signed in to change notification settings

vanhog/tip-calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tip Calculator

For training use only. Do not use in production. No warranty.

This is a solution to the OpenCampus WebDev Program 2025's Tip calculator challenge.

Table of contents

Screenshot

Screenshot of tip calculator

Links

Built with

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

Flowchart

Flowchart of tip calculator

Acknowledgements

The icons are taken from https://www.reshot.com/free-svg-icons/

Author

About

A simple tip calculator that lets you enter a bill amount and number of guests, then choose between 5%, 10%, or 20% tip options. It calculates the total and per-person cost for easy splitting. Built as a lightweight practice project to demonstrate basic UI and logic.

Resources

Stars

Watchers

Forks