Lista de Compras

Tela de login tema claro
Dashboard tema claro
Tela de login mobile tema claro
Dashboard mobile tema claro
Tela de login mobile tema escuro
Dashboard mobile tema escuro

Uma aplicação prática para ajudar você a não esquecer itens de compra e evitar surpresas no valor total.

Tecnologias utilizadas:
TypeScript
Next.js
PostgreSQL
Prisma
Docker
Jest
GitHub Actions

Não quer criar uma conta? Use as credenciais de teste abaixo.

Nome de usuário: Test User

E-mail: testuser@email.com

Senha: T4stusr!6

Sobre o projeto

Aplicação fullstack que permite aos usuários gerenciar suas compras em supermercados e outros estabelecimentos. Suas listas ficam salvas e podem ser acessadas e editadas a qualquer momento.

Funcionalidades

  • Cadastro e login de usuários
  • Recuperação de senha por email
  • Listagem e filtragem de produtos
  • Temas claro e escuro (com detecção automática baseada no dispositivo)

Testes Automatizados

Esse projeto usa Jest para realizar testes de unidade e integração.

Foi com esse projeto que aprendi não apenas a escrever testes, mas principalmente entender a sua importancia em um projeto, pois com eles tenho mais segurança em criar novas funcionalidades, resolver problemas e refatorar tendo a garantia de que outras partes da aplicação continuem funcionando, garantindo uma entrega com mais qualidade.

CI e CD

Esse projeto usa GitHub Actions para gerenciar o fluxo de CI e CD.

Implementar um fluxo de CI e CD usando github actions foi algo que, particularmente, gostei bastante de aprender, pois me preocupo com a qualidade na entrega. Ter a certeza que tudo funciona em um ambiente de staging controlado onde rodam testes automatizados, linter e validação de commit, entre outras coisas, é o que faz a diferença entre apenas entregar e entregar com qualidade tendo a certeza que tudo funciona.