Este projeto foi realizado durante uma NLW e tem como objetivo ser uma App que auxilia as pessoas a cuidarem de suas plantinhas. Cada tipo de planta tem um cuidado diferente e o principal cuidado é relacionado a quantidade de água, por isso, o App a procura notificar apenas no dia e hora que a planta selecionada precisa ser regada.
As principais funções do projeto são:
- Cadastrar alerme para cada planta;
- Trabalhar com pacote de notificação do Expo
- API simulada usando Json server
- Node
- json-server
- TypeScript
- React
- React Native
- Expo
Pode-se ser testado utilizando o proprio telefone celular.
Pré-requisitos: npm / yarn, json-server, expo Obs.: fique atento a versão do node para a compatibilidade como o expo.
# clonar repositório
git clone https://github.com/EvelynGitHub/plant-manager.git
# entrar na pasta do projeto
cd plant-manager/
# instalar dependências
yarn install
# ou
npm i
# executar o projeto
yarn start
# ou
npm start
# ou
expo startAgora que já instalou as dependencias vai precisar executar o json-server em um outro terminal (ou parar a aplicação e executar de novo depois) para simular uma API, será algo como o comando abaixo.
# Executa json-server
json-server ./src/services/server.json --host 192.168.0.111 --port 3333 --delay 700Caso não funcione pode ser por causa do seu host ser diferente de 192.168.0.111 . Nesse caso você vai precisar saber qual host o expo está usando (pode descobrir isso olhando a pagina que o navegardor abre como QR code), depois disso precisa abir o arquivo api.js dentro de /src/services/api.js e substituir o host que está lá. Agora vai precisar executar o json-server de novo com o novo host.
Prontinho, agora é com você explorar o app!
Obs.: A aba Minhas Plantas só vai exibir algo se você tiver cadastrado uma planta antes.
Evelyn Francisco Brandão