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