Skip to content

πŸ’»βš–οΈπŸŒˆβœ¨I’m a passionate building creative Streamlit web apps like this BMI Calculator that gives instant health insights! πŸ’»βš–οΈπŸŒˆβœ¨

Notifications You must be signed in to change notification settings

kAmmarah/BMI-calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

BMI-calculatorπŸ’ͺβš–οΈπŸ’»βœ¨


🌟 Step 1: πŸ“ Create a Project Folder

  1. Make a new folder on your computer and name it:
    πŸ‘‰ BMI-Calculator_App

  2. Inside the folder, add these 3 files:

    • bmi_calculator.py 🐍 (main Python code)
    • background.jpg πŸ–ΌοΈ (your background image)
    • logo.png 🎨 (your app logo)

πŸ’Ύ Step 2: 🐍 Install Streamlit (if not already)

Open your terminal or command prompt:

pip install streamlit

✍️ Step 3: πŸ“œ Add the App Code

  1. Open VS Code or any text editor.
  2. Paste the full code I gave you in the previous message into a new file.
  3. Save it as: BMI-calculator.py

🎨 Step 4: πŸ–ΌοΈ Add Background & Logo

Make sure your:

  • background.jpg (from earlier)
  • logo.png (your BMI icon or image)

...are in the same folder as BMI-calculator.py.

βœ… You can use the ones we already made, or design your own!


πŸš€ Step 5: πŸ§ͺ Run the App Locally

In the terminal, navigate to the folder and run:

streamlit run BMI-calculator.py

Your browser will open automatically and show your BMI Calculator app! πŸŽ‰πŸ’»βš–οΈ


🌐 Step 6: πŸ“€ Deploy the App Online (Streamlit Cloud)

  1. Go to πŸ‘‰ https://share.streamlit.io

  2. Sign in with GitHub

  3. Upload your project to GitHub:

    • Create a new repository (e.g., BMI-calculator)
    • Upload:
      • BMI-calculator.py
      • background.jpg
      • logo.png
  4. Back in Streamlit Cloud, select your GitHub repo.

  5. Click "Deploy" πŸš€

βœ… Done! Your app will have a public link you can share!


βœ… Your App Features

  • 🎨 Beautiful background and logo
  • 🧍 User inputs height and weight
  • πŸ’‘ Calculates BMI and explains result
  • ❀️ Footer with your name

✨ Bonus Ideas to Try Later:

  • Add sound effects 🎡
  • Add a BMI chart πŸ“Š
  • Save BMI history in a CSV πŸ“
  • Add multi-language support 🌍

About

πŸ’»βš–οΈπŸŒˆβœ¨I’m a passionate building creative Streamlit web apps like this BMI Calculator that gives instant health insights! πŸ’»βš–οΈπŸŒˆβœ¨

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages