🧮 Calculadora de IMC - React

Aplicação web de cálculo de Índice de Massa Corporal (IMC) desenvolvida utilizando React + Vite.

O projeto permite que o usuário informe sua altura e peso, realize o cálculo do IMC e visualize a classificação correspondente de acordo com a tabela de referência.

🔗 Projeto online:
https://sabrina17104.github.io/imc_calc_react/

---

📸 Preview

---

🚀 Funcionalidades

• ✅ Cálculo do IMC através da altura e peso informados pelo usuário;
• ✅ Validação dos valores digitados;
• ✅ Bloqueio de caracteres inválidos nos campos de entrada;
• ✅ Exibição do resultado do IMC;
• ✅ Classificação da situação corporal;
• ✅ Tabela com categorias de IMC;
• ✅ Botão para limpar os dados e realizar novos cálculos;
• ✅ Interface responsiva.

---

🛠️ Tecnologias utilizadas

• React.js
• Vite
• JavaScript (ES6+)
• HTML5
• CSS3

---

📚 Conceitos aplicados

Durante o desenvolvimento deste projeto foram praticados conceitos fundamentais do desenvolvimento Front-End com React:

• Criação e reutilização de componentes;
• Componentização;
• Uso do Hook useState;
• Gerenciamento de estados;
• Comunicação entre componentes através de props;
• Manipulação de eventos;
• Controle de formulários;
• Renderização condicional;
• Organização de arquivos em projetos React.

---

📂 Estrutura do projeto

imc_calc_react
│
├── public
│
├── src
│   │
│   ├── componentes
│   │   ├── Button.jsx
│   │   ├── ImcCalc.jsx
│   │   └── ImcTable.jsx
│   │
│   ├── data
│   │   └── data.js
│   │
│   ├── App.jsx
│   ├── App.css
│   ├── index.css
│   └── main.jsx
│
├── package.json
├── vite.config.js
└── README.md

---

⚙️ Como executar o projeto localmente

Clone o repositório

git clone https://github.com/sabrina17104/imc_calc_react.git

Entre na pasta do projeto

cd imc_calc_react

Instale as dependências

npm install

Execute o projeto

npm run dev

A aplicação estará disponível em:

http://localhost:5173/

---

📦 Gerar versão de produção

Para criar a versão otimizada do projeto:

npm run build

---

🌎 Deploy

O projeto foi publicado utilizando:

• GitHub Pages
• gh-pages
• Vite

---

👩‍💻 Desenvolvido por

Sabrina Rodrigues Medeiros

Projeto desenvolvido para aprimorar conhecimentos em React.js, desenvolvimento Front-End e criação de aplicações web modernas.