👨🏫CALCULADORA DE IMC CRIADA COM NEXT.JS, TYPESCRIPT, SASS E MATERIAL UI.
Este aplicativo de "Calculadora de IMC" foi desenvolvido com Next.js e usa Material-UI para a interface do usuário. Ele permite que os usuários calculem seu Índice de Massa Corporal (IMC) com base em sua altura e peso. O aplicativo fornece uma classificação do IMC que indica se o usuário está abaixo do peso, com peso normal, com sobrepeso ou com diferentes graus de obesidade.
-
Entrada de Dados:
- O usuário insere sua altura em centímetros e seu peso em quilogramas em campos de texto.
-
Cálculo do IMC:
- Ao clicar no botão "Calcular", o aplicativo calcula o IMC usando a fórmula:
IMC = peso / (altura em metros ^ 2)
.
- Ao clicar no botão "Calcular", o aplicativo calcula o IMC usando a fórmula:
-
Classificação do IMC:
- O resultado do IMC é exibido junto com uma classificação que indica se o usuário está:
- Abaixo do peso
- Com peso normal
- Com sobrepeso
- Com obesidade grau 1
- Com obesidade grau 2
- Com obesidade grau 3
- O resultado do IMC é exibido junto com uma classificação que indica se o usuário está:
-
Link para GitHub:
- Há um link para o perfil do GitHub do desenvolvedor.
-
Instalar as dependências do projeto:
- Execute o comando no diretório
CODIGO/
:npm install
Este comando instala todas as dependências listadas no arquivo
package.json
do seu projeto. Certifique-se de estar no diretório do seu projeto ao executar este comando. - Execute o comando no diretório
-
Subindo o Servidor:
- Para subir o servidor abra Terminal/CMD e digite o seguinte comando:
npm run dev
- Acesse o APP no navegador visitando
https://localhost:3000/
.
-
Usando o APP:
-
Inserir Altura e Peso:
- Digite sua altura em centímetros no campo "Altura em cm".
- Digite seu peso em quilogramas no campo "Peso em kg".
-
Calcular IMC:
- Clique no botão "Calcular".
- O IMC será calculado e exibido na tela junto com a classificação correspondente.
-
Verificar Classificação:
- Abaixo do resultado do IMC, a classificação será exibida indicando se você está abaixo do peso, com peso normal, sobrepeso ou obeso.
-
Acessar GitHub:
- Clique no ícone do GitHub para visitar o perfil do desenvolvedor.
-
- Se você inserir "170" no campo de altura e "70" no campo de peso, e clicar em "Calcular", o aplicativo calculará seu IMC como 24.22 e exibirá a classificação "Peso Normal".
- Entendemos que para manipular arquivos em
HTML
,CSS
e outras linguagens relacionadas, é necessário possuir conhecimento nessas áreas. Para auxiliar nesse aprendizado, oferecemos cursos gratuitos disponíveis: