https://github.com/pritamtirpude/bmi-calculator-app

Easily calculate your Body Mass Index (BMI) with our intuitive BMI calculator. Get insights on your health and wellness from the comfort of your home.
https://github.com/pritamtirpude/bmi-calculator-app

framer-motion nextjs14 reactjs tailwindcss typescript

Last synced: 2 days ago
JSON representation

Easily calculate your Body Mass Index (BMI) with our intuitive BMI calculator. Get insights on your health and wellness from the comfort of your home.

• Host: GitHub
• URL: https://github.com/pritamtirpude/bmi-calculator-app
• Owner: pritamtirpude
• Created: 2024-08-18T18:00:02.000Z (4 months ago)
• Default Branch: master
• Last Pushed: 2024-08-24T05:31:42.000Z (4 months ago)
• Last Synced: 2024-11-10T16:19:51.477Z (about 1 month ago)
• Topics: framer-motion, nextjs14, reactjs, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://bmi-calculator-health-app.vercel.app/
• Size: 127 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# BMI Calculator Landing Page

Welcome to the BMI Calculator Landing Page project! This application is a simple, user-friendly web page that allows users to calculate their Body Mass Index (BMI) based on their height and weight.

![Screenshot 2024-08-21 202921](https://github.com/user-attachments/assets/13d6a4db-2b4f-435b-8752-47a7270aa320)

## Table of Contents

- [Overview](#overview)

- [Features](#features)

- [Technologies Used](#technologies-used)

## Overview

The BMI Calculator is a React-based landing page designed to provide users with an easy-to-use tool for calculating their BMI. The page includes input fields for height (in feet and inches) and weight (in stones and pounds), and provides instant feedback on the user's BMI category.

## Features

- **Responsive Design**: The landing page is fully responsive and works on all devices.

- **Real-time BMI Calculation**: As users input their height and weight, their BMI is calculated instantly.

- **Simple UI/UX**: A clean and intuitive interface ensures a smooth user experience.

- **Animated Transitions**: Using Framer Motion for smooth and engaging animations.

## Technologies Used

- **React**: JavaScript library for building user interfaces.

- **Next.js**: Framework for server-side rendered React applications.

- **TypeScript**: Strongly typed programming language that builds on JavaScript.

- **Framer Motion**: Animation library for React.