BMI Calculator with Theme Toggle 1. Introduction The BMI Calculator is a responsive and user-friendly web application that helps users determine their Body Mass Index (BMI) based on their height and weight. It was built using React, Vite, and JavaScript, and it features a theme toggle option for light and dark mode. 2. Pain Points Addressed - Difficulty in finding a simple, distraction-free BMI calculator. - Lack of responsive BMI tools tailored for both mobile and desktop devices. - Many existing calculators don't support theme toggling, affecting visual comfort in different lighting environments. 3. Project Objectives - Provide an easy-to-use, accurate BMI calculator. - Ensure responsiveness across all screen sizes. - Allow users to switch between light and dark mode for better accessibility. 4. Tech Stack - Frontend Framework: React (with Vite) - Language: JavaScript - Styling: CSS - Deployment: Vercel 5. Features - Input fields for height and weight. - Real-time BMI calculation and categorization (Underweight, Normal, Overweight, etc.). - Theme toggle (Light/Dark mode). - Responsive UI for all devices. 6. How to Use the App 1. Enter your height (in cm). 2. Enter your weight (in kg). 3. Click the calculate button. 4. View your BMI result and health category. 5. Use the toggle switch to change between light and dark themes. 7. Deployment Link https://bmi-calculator-zeta-ten.vercel.app/ 8. Repository Link https://github.com/halimaarh/BMI-Calculator 9. Future Improvements - Add support for imperial units (lbs/inches). - Store user BMI history locally or via backend. - Include health tips based on BMI category. - Add animations and improved accessibility.