Flutter BMI & Health Calculator
A single-screen Flutter mobile app that calculates BMI from height and weight inputs and shows a health category with color-coded feedback. Learners practice Flutter widgets, StatefulWidget state management, form input, and basic UI layout.
- Estimate
- ~6h
- Steps
- 5
- Completed by
- 0
- Proposed by
- codeseed.app
Flutter · Material widgets
Project roadmap
- 01
Scaffold the Flutter project
~1hCreate a new Flutter project and set up the basic MaterialApp shell with a single home screen.
- 02
Build input fields
~1.5hAdd text fields for height and weight with numeric input validation.
- 03
Implement BMI calculation
~1hWrite the BMI formula and define category thresholds (underweight, normal, overweight, obese).
- 04
Display results
~1.5hShow the computed BMI and category on a colored result card that updates on button press.
- 05
Polish the UI
~1hApply a theme, improve spacing, and add a reset button to clear inputs.
Resources
- DocsDart Guides
Ready to build this?
Get a GitHub repo and start building. Your AI reviewer checks each step as you go.
Tech stack