https://github.com/stefanelli990/bmi-calculator
BMI calculator allows the user to choose their preferred unit system (metric or imperial), and then provide a quick summary of the user's BMI category and the health risks associated with it.
https://github.com/stefanelli990/bmi-calculator
composition-api iconify tailwindcss vite vuejs
Last synced: 6 months ago
JSON representation
BMI calculator allows the user to choose their preferred unit system (metric or imperial), and then provide a quick summary of the user's BMI category and the health risks associated with it.
- Host: GitHub
- URL: https://github.com/stefanelli990/bmi-calculator
- Owner: stefanelli990
- Created: 2023-10-18T22:49:28.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-14T21:28:27.000Z (almost 2 years ago)
- Last Synced: 2025-02-07T19:16:53.268Z (8 months ago)
- Topics: composition-api, iconify, tailwindcss, vite, vuejs
- Language: Vue
- Homepage: https://resilient-salmiakki-2e7d9e.netlify.app/
- Size: 52.7 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# BMI Calculator
## Description
BMI calculator allows the user to choose their preferred unit system (metric or imperial), and then provide a quick summary of the user's BMI category and the health risks associated with it.
**[Live Preview](https://resilient-salmiakki-2e7d9e.netlify.app/)**: Try the BMI Calculator live.
## Features:
- **Unit System Selection**: The app allows users to choose between the metric and imperial unit systems.
- **BMI Calculation**: The app performs the BMI calculation using the provided weight and height values.
- **BMI Category Display**: The app provides a quick summary of the user's BMI category.
- **Health Risks Information**: The app offers information about the health risks associated with the calculated BMI category.
- **User-Friendly Interface**: An intuitive design ensures a seamless user experience.
## Technologies Used:
- **Vue.js** for building the frontend of the application.
- **Tailwind CSS** for styling and layout design.
## Installation
To run this project locally, follow these steps:
1. Clone the repository.
2. Install the required dependencies using `npm install`.
3. Start the development server with `npm run dev`.
4. Open your browser and navigate to `http://localhost:5173` to use the app.