Project Overview
The Bilingual BMI Calculator is a responsive web application that allows users to calculate their Body Mass Index in both English and Bangla. The tool provides immediate feedback on health status based on WHO standards and offers a clean, intuitive interface for users of all technical backgrounds.
Key Features
- Bilingual interface supporting both English and Bangla languages
- Real-time BMI calculation with instant health status feedback
- Responsive design that works on all device sizes
- Visual indicators for different BMI categories (Underweight, Normal, Overweight, Obese)
- User-friendly form with input validation
- Dark mode support for comfortable viewing in low-light conditions
Technical Implementation
The application is built using pure HTML, CSS, and JavaScript without any external libraries or frameworks. The bilingual functionality is implemented using JavaScript objects that store text content for both languages, which dynamically updates the UI when the user switches languages. The BMI calculation follows the standard formula: BMI = weight (kg) / [height (m)]². The application uses CSS Grid and Flexbox for responsive layout and CSS variables for theme management.
Challenges & Solutions
One of the main challenges was implementing the bilingual functionality while maintaining clean code structure. This was solved by creating a language dictionary object that stores all text content for both languages, allowing for easy switching without duplicating HTML elements. Another challenge was ensuring accurate BMI calculations and proper categorization according to WHO standards, which was addressed by implementing comprehensive validation and using precise mathematical calculations.