/watered-app

Primary LanguageJavaScript

watered-app

Introdução

Neste repositório se encontra o código em React Native das telas do aplicativo Watered, criado com intuito de monitorar o bem estar de suas plantas.

A motivação de estudos deste projeto é aprofundar conhecimentos sobre React Native e explorar a biblioteca de front-end UI-Kitten.

Foi utilizado o Expo durante o desenvolvimento.

Telas

Tela Menu Inicial

A tela de menu inicial apresenta no topo o avatar do usuário seguido de seu nome.

Após isso, vem detalhes do usuário.

Por fim, as últimas atividades que o usuário realizou utilizando o sistema.

Menu Inicial

Tela Listagem de Plantas

No topo apresenta um Dashbooard que mostra a quantidade de plantas cadastradas, a quantidades de plantas que precisam ser aguadas nesse dia e a quantidade de plantas que estão atrasadas para serem aguadas.

Seguido isso, apresenta a lista de plantas cadastradas com botão para acessar mais informações sobre ela e com botão para aguá-la.

Ao fnal, apresenta o botão de cadastrar uma nova planta.

Listagem de Plantas

Tela Mais Detalhes da Planta

Assim como de usuário, no topo apresenta o avatar da planta, seguido de informações importantes sobre ela.

Após isso, uma lista de comentários sobre essa planta.

Na parte inferior, um hub de ações com botões para Adicionar Comentário, Editar informações, Aguar e Remover Planta, respectivamente.

Detalhes da Planta