Skip to content

πŸ‘¨β€πŸ’» Learn how to build a tip calculator using HTML, CSS and JavaScript

License

Notifications You must be signed in to change notification settings

frankiefab100/Tip-Calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

15 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Tip-Calculator

Companion repository for the tutorial demostrating how to build a tip calculator using HTML, CSS and JavaScript

tip-calculator forks tip-calculator stars tip-calculator issues tip-calculator licence

Tip-Calculator (2)

What is a "Tip Calculator"?

A tip calculator is a tool used to calculate the tip for a meal, bar tab, or service gratuity in a restaurant.

Prerequisites

To follow along with this tutorial, basic understanding of HTML, CSS and JavaScript is required.

Getting Started

It is recommended you have Live Server extension installed in your VS Code Editor.

The final demo app lives in the main branch: https://frankiefab100.github.io/Tip-Calculator/

How to run locally πŸš€

  1. Clone the repository
git clone https://github.com/frankiefab100/tip-calculator.git
  1. Open the files in your machine

Drag and drop the tip-calculator folder in Visual Studio Code. Alternatively, Open the VS code editor and locate the folder.

  1. Start the web application

Click on Go Live button located at the bottom of the VS Code workbench (status bar).

License πŸ“œ

This project is protected under the MIT License.

Resources

Check out the blog post: How to Build a Tip Calculator With HTML, CSS and JavaScript


Built with ❀️

Releases

No releases published

Packages

No packages published