Ir para o conteúdo

Relatório de testes e validações do Front end

introdução

O objetivo do front-end é fornecer uma interface intuitiva e responsiva para os donos de animais. O aplicativo permite configurar e controlar a liberação de ração e água, além de exibir notificações e informações sobre os níveis dos reservatórios. A experiência do usuário é otimizada por meio de uma interface limpa, interações rápidas e funcionalidades de agendamento e monitoramento, garantindo praticidade e controle total para o usuário.

Tecnologias Utilizadas

Frameworks e bibliotecas:

  • React Native: Utilizado para criar a interface móvel do aplicativo, proporcionando uma experiência nativa para os usuários em plataformas iOS e Android.
  • Expo: Ferramenta que facilita o desenvolvimento e a execução de aplicativos React Native, permitindo acesso a APIs nativas de maneira simplificada.
  • Tailwind CSS: Utilizado para estilizar a interface do aplicativo de maneira rápida e eficiente, com classes utilitárias para definir o layout e a aparência visual.

Ferramentas de build:

  • Expo CLI: Utilizado para compilar e testar o aplicativo React Native, simplificando o processo de desenvolvimento e distribuição.

Estrutura de Diretórios

O projeto é organizado de maneira simples e clara, com as pastas e arquivos principais dispostos da seguinte forma:

  • assets: Contém recursos como imagens e ícones utilizados na interface do aplicativo.
  • constants: Armazena valores e constantes compartilhadas, como configurações globais de aplicação.
  • components: Contém os componentes reutilizáveis do aplicativo, como cabeçalhos e notificações.
  • enums: Define enums que são usados em todo o aplicativo, facilitando o controle de tipos e valores constantes.
  • node_modules: Contém todas as dependências do projeto.
  • types: Define os tipos TypeScript utilizados no aplicativo.

Telas

Seção principal

Seção de Notificações e Estatísticas

Seção de Controle do Dispenser