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
Preview
- 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
-
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