Plant Manager

Este é um projeto para demostrar tudo que aprendi na semana da NLW, isso envolve notificações, gestos de deslizar elementos na tela, tratamentos de datas e ótimas dicas de UX para replicar as telas do figma, além disso, revemos conceitos importantes sobre o React Native, refatoração de código, e ótimas dicas de como utilizar o typescript para desenvolver esse incrivel app, ou qualquer outro app que possa vir a ser desenvolvido. Nesse projeto, foi usado uma ótima ferramenta de desenvolvimento, chamada expo, que agiliza processos e transforma o prazer em felicidade na hora de desenvolver.

Desenvolvido por:

Gabriel M.

Libs

React Native
Typescript
react-native-gesture-handler
styled-components
react-native-iphone-x-helper
react-native-svg
expo
expo-notifications
lottie-react-native
expo-status-bar
expo-font
expo-app-loading
axios

Arquitetura de pastas

├── src
│   ├── @types
│   ├── assets
│   ├── libs
|   |   ├── storage
|   ├── components
|   |   ├── Button
|   |   ├── EnviromentButton
|   |   ├── Header
|   |   ├── Load
|   |   ├── PlantCardPrimary
|   |   ├── PlantCardSecondary
|   ├── pages
|   |   ├── Confirmation
|   |   ├── MyPlants
|   |   ├── PlantSave
|   |   ├── PlantSelect
|   |   ├── UserIdentification
|   |   ├── Welcome
|   ├── routes
|   |   ├── index
|   |   ├── stack.routes
|   |   ├── tab.routes
|   ├── services
|   |   ├── api

Como Usar

Clonando o repositório

git clone git@github.com:gabrielgarciamendonca/PlantManager.git

Entrando no diretório do projeto

cd plantmanager

Instalando as Dependências

yarn

Iniciando o Json server

json-server ./src/services/server.json --host 192.168.0.105 --port 3333 --delay 700

Iniciando a Aplicação

expo start or yarn start