IMC Project

Sobre • Vitrine Dev • Tecnologias • Instalações • Funcionalidades • Autor • Licença

💻 Sobre o projeto

Devido a minha decisão de emagrecer e melhorar minha saúde, tive a ideia de fazer algo relacionado a esse tema (fitness e saude). Neste projeto resolvi criar uma Landing Page com a funcionalidade de mostrar o resultado de um cálculo de IMC indicando em qual classificação o usuário se encaixa e o paramêtro baseado nessa classificação, de acordo com os dados inseridos e enviados pelo usuário (altura e peso). A página deve ser compatível com diversos tipos de resolução de telas, por exemplo: a. Desktop (1920px) b. Laptop (1440px) c. Tablet (768px) d. Mobile (375px)

Possui as funcionalidades de:

Receber dados de inputs inseridas pelo usuário;
Fazer o cálculo do IMC com os dados inseridos pelo usuário;
Mostrar na tela o resultado do cálculo e seu perfil correspondente.

📺 Vitrine Dev

🪧 Vitrine.Dev
✨ Nome	IMC Project com ReactJs (Front-end)
🏷️ Tecnologias	ReactJs, JavaScript, TypeScript, HTML5, CSS3

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

⚙️ Instalações

FRONT-END | ReactJs - TypeScript

Criando um projeto Typescript

npx create-react-app meu-app-do-react --template typescript

⚙️ Funcionalidades

Você pode acessar o link abaixo e visualizar o deploy:

https://projeto-imc-seven.vercel.app/

ou baixando o projeto e inserir os seguintes comandos:

npm install

npm run dev

🦸 Autor

Olá, eu sou Andresa A Ribeiro, desenvolvedora Front-end/Full-Stack, estudando Sistemas de Informação e cada dia com mais sede de aprender.

📝 Licença

Este projeto é MIT licensed.

Andresa-Alves-Ribeiro/projeto-imc