Skip to content

andremourasantos/lista-de-compras

Repository files navigation

Sobre o repositório

Esse repositório guarda os arquivos do meu projeto de lista de compras 🡥, que iniciei no começo de 2023 como forma de aprofundar e aplicar meus conhecimentos com o Firebase V9 JS SDK e também Progressive Web Apps (PWA).

Esta nova versão finaliza o ciclo de versões de teste desta aplicação, formalizando meu aprendizado em um produto conciso e 100% funcional.


Tecnologias usadas

*Atualizado em outubro de 2023.


O que aprendi com este projeto?

  • Animação de elementos usando os componentes Transition e TransitionGroup.
  • Aplicação de princípios de programação funcional para modulação do código e facilitação de manutenção e atualização;
  • Confirmar e-mail via Firebase Auth;
  • Criação, edição e exclusão de contas no Firebase Auth;
  • Otimização para PWA, com ícones, imagens e descrições;
  • Restringir rotas no Vue Router com base em parâmetros pré-definidos (usuário autenticado), Router Guard;
  • Utilização da nova exibição de instalação de PWAs exclusiva do Chrome;

Lógica da aplicação

*Atualizado em janeiro de 2024.

Veja abaixo o fluxograma de lógica e do router da aplicação, assim, você poderá ter um bom entendimento de como o projeto foi estruturado desde o começo para permitir uma fácil manutenção e adição de funcionalidades.


Fotos do projeto

*Atualizado em dezembro de 2023.

Lista preenchida (visão de telefone) Editando item da lista (visão de computador)


Desempenho do site

*Atualizado em janeiro de 2024.

O desempenho do site pode ser visto a partir de testes do PageSpeed Insights 🡥.

pagespeed-insights-teste-telefone pagespeed-insights-teste-pc