HTML CSS SCSS Javascript Mobile firts bem

What are you most proud of, and what would you do differently next time?

I am proud to have completed a functional and visually appealing project that allows users to calculate BMI in both metric and imperial systems. I implemented accurate conversions between feet/inches and stones/pounds, and also included custom messages for the user to understand their result and healthy weight range.

What I would do differently next time is to organize the JavaScript code better from the beginning, using reusable functions and separating logic from presentation. I would also spend more time planning and testing the accessibility of the HTML from the beginning, as catching problems like missing landmarks or missing aria labels at the end can lead to redoing parts of the structure. I would also automate some of the flow with more consistent validations and keyboard tests.

What challenges did you encounter, and how did you overcome them?

The biggest challenges were the grid and the changes to the bmi limits and the changes to imperial and metric, finding and testing what looked best, and finding the way to calculate the bmi.

What specific areas of your project would you like help with?

It would be in the HTML accessibility part and in the Javascript code structure and if the css code looks good.