React Native with Expo - Activity

Objetivo 🎯

O objetivo principal obordado nesta atividade é demonstrar meu conhecimento em relação ao framework React Native, desenvolvendo um aplicativo mobile utilizando expo cli, um app que emula como se fosse um live server, a linguagem utilizada aqui foi puramente Javascript juntamente com a biblioteca do React Native

Resumindo:

• O objetivo principal foi desenvolver um Aplicativo de Cálculo de IMC em React Native com Expo.
• Demonstração do App funcionando.
• Explicação do Código realizado.

Solução: 💡

• Construção dos módulos

Afim de satisfazer todos os requisitos do desafio, me propus a fazer 6 módulos distintos, sendo eles:

  Title.js
  FormIMC.js
  IdealWeight.js
  Classification.js
  Result.js
  Tabela.js

No módulo Title.js fiz com que o mesmo exibi-se o título principal, "Calculadora de imc".

No módulo FormIMC.js se refere a parte do processamento dos dados, onde a maioria dos módulos estarão contidos, efetuando e executado operações lógicas e exibindo o layout principal..

No módulo IdealWeight.js exibe o peso ideal, máximo e mínimo.

No módulo Classification.js exibe em formato de alert o imc, e aonde o mesmo se encontra.

No módulo Result.js exibe o resultado do imc gerado pelo modelo lógico do módulo FormIMC.js.

No módulo Tabela.js exibe uma tabela, mostrando gráficamente ao usuário a distinção de IMC's

Para rodar meu programa 💾

Pré-requisitos:

• 1 Ter instalado o Node.js
• 2 Ter instalado o Expo CLI

Para instalar o Expo CLI, no terminal execute:

  Npm install -g expo-cli

Passo a passo: 🎞

• 1 Passo, clone esse repositório, no terminal digite:

  git clone https://github.com/VictorDumer/CalculadoraIMC.git

• 2 Passo, entre no repositório clonado

  cd CalculadoraIMC

• 3 Passo, instale as dependências.

  npm install

• 4 Passo, inicie o projeto com o Expo CLI

  npx expo start

Obs: apenas utilize o npx expo start se ambos dispositivos estiverem na mesma rede, caso contrário, acrescente no final deste comando --tunnel

• 5 Passo escaneie o qr com seu celular

• 6 Passo deixe sua ⭐ no projeto isso ajuda demais !!!!