Design created using AdobeXD
GIF of the implemented webpage
I created this project as part of the DailyUI challenge that I am taking part in. Each day, for 100 days, there is a new prompt. This was created for day 4, which had the prompt, "Calculator". I decided to do a simple BMI calculator for this challenge. I have been on my own weight loss journey for a little over a year now, so BMI calculators are something that I have personally used a lot recently. There are many different ways to calculate BMI, but I decided to stick with the most basic formula, which is Weight(kg)/Height^2(cm).
The graphics for this page are created using pure CSS and HTML. The interaction was coded using JavaScript. I kept things very simple, but there are many more features I could add, such as additional BMI formulas, form verification, additional colors for the different BMI categories, etc.

You may also like

Back to Top