Content
Overview
Criado na 5ĀŖ ediĆ§Ć£o do Rocketseat NLW, sob a orientaĆ§Ć£o do instrutor Rodrigo GonƧalves, o PlantManager Ć© um aplicativo desenvolvido utilizando React Native, e tem por objetivo ajudar o usuĆ”rio a lembrar da hora de regar suas plantas, de forma bem organizada.
By Thiago de Andrade
PreviewRequirements
- Vscode para facilitar a execuĆ§Ć£o dos comandos e modificar algum cĆ³digo no projeto caso queira
- NodeJs
- Android studio e android virtual device (AVD) criado para rodar a aplicaĆ§Ć£o Ć© uma das opƧƵes
- Um celular android para rodar a aplicaĆ§Ć£o Ć© uma das opƧƵes
- Um celular Iphone para rodar a aplicaĆ§Ć£o (unica maneira no Windows para sistema ios) Ć© uma das opƧƵes
- Expo go deve estar instalado no aparelho escolhido para rodar a aplicaĆ§Ć£o
- Os passos da instalaĆ§Ć£o e deploy foram feitos em uma maquina com Windows
Install and deploy
-
Clone o repositĆ³rio ou faƧa o download do .zip e extraia em uma pasta no windows
-
A partir da pasta principal do projeto (/plantmanager) execute o comando abaixo para instalar as dependencias:
npm install
- Descruba o seu endereƧo de IPv4 no prompt de comando do windows pelo seguinte comando:
ipconfig
-
No projeto, substitua na linha 4 do arquivo api.ts com o Ip que se encontra, pelo da sua mƔquina. No proximo passo vamos iniciar o servidor da API
-
A partir da pasta principal do projeto(/plantmanager) execute o comando abaixo substituindo o IP pelo da sua mƔquina:
npx json-server ./src/services/server.json --host <IP> --port 3333
- Agora vamos fazer o deploy da aplicaĆ§Ć£o, execute o comando abaixo a partir da pasta principal do projeto:
expo start
-
A partir desse momento serĆ” carregado uma pagina no browser (caso nĆ£o carregar, entre no endereƧo http://localhost:19002)
-
Por ela vocĆŖ terĆ” varias opƧƵes para para iniciar a aplicaĆ§Ć£o, que ficam no lado inferior esquerdo da tela
-
Qualquer duvida ou problema na execuĆ§Ć£o dos passos pode entrar em contato