Aplicativo de leitura de Barcode

Aplicativo feito em flutter e integrado com o Firebase. Necessario se cadastrar e efetuar o login. Permite tirar fotos de Codigos de carras e ler o que no codigo de barras.

Necessario salvar o dados do codigo de barras no usuario e permitir exportar para excel.


Tela de Login
Fundo: Um gradiente suave que vai de azul claro a azul mais escuro.
Logotipo: Centralizado na parte superior, representando a identidade visual do app.
Campos de entrada: Caixas de texto minimalistas para "E-mail" e "Senha", com ícones sutis dentro das caixas.
Botão de Entrar: Um botão amplo e arredondado em um tom de azul um pouco mais escuro que o fundo, com texto em branco.
Links úteis: Textos clicáveis para "Esqueci minha senha" e "Criar nova conta", posicionados abaixo do botão de entrar.
Tela Principal
Barra de Navegação Superior: Inclui o logotipo do app e ícones para notificações e configurações do perfil.
Barra de Navegação Inferior: Ícones para as principais seções: Dashboard, Scanner de Código de Barras, Upload de Imagem, e Histórico.
Dashboard: Exibe resumos em cards, como "Imagens Carregadas Hoje", com gráficos de barras ou linhas mostrando a atividade ao longo do tempo.
Scanner de Código de Barras
Instruções: Texto breve e botão para iniciar o scanner.
Visualização da Câmera: Tela cheia com um retângulo central marcando onde alinhar o código de barras.
Botão de captura: Um grande botão circular na parte inferior da tela.
Upload e Gerenciamento de Imagens
Botão de Upload: Visível na barra de navegação inferior, abrindo diretamente a galeria ou a câmera.
Visualização de Imagens: As imagens carregadas são exibidas em uma grade ou lista, com opções para visualizar, editar ou excluir.
Cores e Tipografia
Azul Claro: #ADD8E6 para fundos e elementos de destaque.
Azul Escuro: #007BFF para botões e ícones para contraste.
Branco: Para textos e ícones em fundos escuros ou coloridos.
Tipografia: Escolha fontes claras e legíveis, como Roboto ou Lato, para facilitar a leitura em diferentes tamanhos de tela.
Considerações de UX
Feedback rápido: Respostas imediatas após ações do usuário, como carregar uma imagem ou completar uma análise de código de barras.
Navegação intuitiva: Garantir que a barra de navegação inferior permita acesso rápido às funções mais usadas.
Suporte offline: Capacidade de realizar certas ações ou acessar determinadas informações sem conexão à internet.
Segurança: Autenticação biométrica como uma camada adicional de segurança para acessar informações sensíveis.