DEV Community

Sweta Singh
Sweta Singh

Posted on

I Built a Free BMI, BMR, Calorie & Ideal Weight Calculator Using React and Tailwind CSS

As a student developer passionate about health tech and web development, I wanted to build something useful for everyday users.

So I created TheFitCalculator — a free online tool to calculate BMI, BMR, daily calorie needs, and ideal weight instantly.

👉 Try it here: https://thefitcalculator.com


💡 Why I Built This

My goal was simple:

  • Fast calculations
  • Clean UI
  • No data storage
  • Fully browser-based processing

🛠️ Tech Stack

I built this project using:

  • React.js for component-based UI
  • Tailwind CSS for responsive design
  • JavaScript for calculation logic
  • Vercel for deployment

✨ Features

✅ BMI Calculator with health category

✅ BMR Calculator using standard formulas

✅ Daily calorie needs estimator

✅ Ideal weight calculator

✅ Dark mode support

✅ Mobile responsive design

You can explore the calculators here:


🚀 Future Improvements

I plan to add:

  • Body fat calculator
  • Water intake calculator
  • Fitness blog section
  • PWA support

🤝 Feedback Welcome

I’d love feedback from the dev community to improve this project.

👉 Check it out: https://thefitcalculator.com

👉 GitHub repo: https://github.com/swetasingh8844/HealthCalc

Thanks for reading!

Top comments (2)

Collapse
 
ahmadmarafa profile image
Ahmad Arafa

Amazing build, I’ll use it.

Collapse
 
swetasingh8844 profile image
Sweta Singh

Thanks a lot! I hope you find it useful.