Mini Project: Alcohol Calculator

Date: 31 - Aug - 2020

Functions

• Alcohol Calculator for Vietnamese language
• Đo nồng độ cồn trong máu bằng công thức tính

Screenshot

Deploy

https://alcohol-calculator.tinspham.dev/

Tech-Stack

• HTML/CSS
• jQuery

Plan Of Action

• Initial project
• Design Wireframe
• Research alcohol calculator function
• Design Layout HTML/CSS
• Validation input form with jQuery
• Alcohol calculator function
• Output form
• Hosting in surge.sh
• Add custom domain

After this project

I have understand about:

• Using Sources and Network tab in DevTools to find calculator of current art of another project
• Design layout with jQuery
• Validation form with jQuery

Directory Structure

.
├── index.html
├── style.css
├── main.js
├── README.md
├── favicon.ico
└── bg-monster.svg

Set up

Use the cmd line to clone repo to your computer

git clone [github_repo_url]

Open file index.html