Chat

Whuanderson.

InícioProjetosContato
Perfil

Plant Manager

Imagem
TypeScriptTypeScript
React NativeReact Native

Plant Manager 🌱

Plant Manager logo

GitHub top language Made by Whuanderson License

Aplicativo mobile que lembra você de regar e cuidar das suas plantas de acordo com as necessidades de cada espécie. Desenvolvido durante as aulas da Rocketseat e re‑escrito usando styled‑components.

📸 Screenshot

Capa do app

✨ Funcionalidades

  • Identifica e armazena o usuário localmente
  • Consome API com dados de plantas e suas características
  • Salva as plantas do usuário no dispositivo
  • Envia lembretes locais na frequência ideal de rega

🚀 Tecnologias

  • React Native + Expo
  • TypeScript
  • Styled Components
  • Expo Local Notifications
  • Async Storage
  • Axios
  • Date‑fns
  • Lottie
  • Vector Icons
  • React Navigation (Stack & Bottom Tabs)
  • Gesture Handler
  • JSON Server (fake API)

🎨 Layout

O layout original está no Figma: Plant Manager.

💻 Executando o projeto

Pré‑requisitos

  • Node.js + Yarn ou npm
  • Expo CLI (npm install -g expo-cli)
  • JSON Server (npm install -g json-server)

Passo a passo

# clone o repositório
git clone https://github.com/Whuanderson/plantmanager-styled-components
cd plantmanager-styled-components

# instale as dependências
yarn          # ou npm install
# inicie o aplicativo
expo start
# em outro terminal, suba a API fake
json-server src/services/server.json --host SEU_IP_LOCAL --port 3333 --delay 700

Altere o IP no arquivo src/services/api.ts:

import axios from 'axios';

const api = axios.create({
  baseURL: 'http://SEU_IP_LOCAL:3333',
});

export default api;

Use o mesmo IP da máquina onde o JSON Server está rodando.


📄 Licença

Distribuído sob licença MIT. Consulte o arquivo LICENSE para detalhes.

Feito por Whuanderson Marinho — deixe uma ⭐️ se este projeto ajudou você!