https://github.com/mounishvatti/bmicalculator

Basic demonstration of workflow using GitHub Actions with BMI Calculator using basic HTML, CSS, JS
https://github.com/mounishvatti/bmicalculator

css github-actions html javascript

Last synced: 2 months ago
JSON representation

Basic demonstration of workflow using GitHub Actions with BMI Calculator using basic HTML, CSS, JS

• Host: GitHub
• URL: https://github.com/mounishvatti/bmicalculator
• Owner: mounishvatti
• Created: 2024-04-29T12:33:59.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-04-29T14:16:56.000Z (about 1 year ago)
• Last Synced: 2025-01-15T20:20:34.845Z (4 months ago)
• Topics: css, github-actions, html, javascript
• Language: CSS
• Homepage: https://mounishvatti.github.io/BMICalculator/
• Size: 10.7 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# CSI3025 - LAB FAT

# BMI Calculator

This is a simple BMI (Body Mass Index) calculator implemented in JavaScript. It calculates BMI based on weight and height inputs provided by the user.

## How to Use

1. Enter your weight in kilograms.

2. Enter your height in meters.

3. Click on the "Calculate BMI" button.

4. Your BMI will be displayed along with a message indicating your BMI category (underweight, normal weight, overweight, or obese).

## Tech Stack

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)

![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

![YAML](https://img.shields.io/badge/yaml-%23ffffff.svg?style=for-the-badge&logo=yaml&logoColor=151515)

## For automating workflows

![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white)

![GitHub Actions](https://img.shields.io/badge/github%20actions-%232671E5.svg?style=for-the-badge&logo=githubactions&logoColor=white)

![Github Pages](https://img.shields.io/badge/github%20pages-121013?style=for-the-badge&logo=github&logoColor=white)

## Deployment

This project is deployed using GitHub Pages.

## Automated Code Formatting

We use `Prettier` to automatically format the JavaScript code in this project. This ensures consistent code style and readability across the entire codebase.

## GitHub Actions

GitHub Actions are used to automate the deployment process. Any changes pushed to the `main` branch trigger a workflow that builds and deploys the project to GitHub Pages.

We used two workflows one for formatting `format.yml` & `static.yml`

`format.yml` - To automatically format our code using prettier

`static.yml` - to deploy our website using GitHub pages.

Both the workflows can be achieved in a same file but I separated it in order to make it more readble and for people to understand easily.

## Contributing

Contributions are welcome! If you have suggestions for improvements or new features, feel free to open an issue or create a pull request.

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.