MARS BEER
Trabalho de faculdade que passou do enunciado: loja com carrinho, painel administrativo e três cadastros que se cruzam num relatório.
- Tema claro e escuro, rota protegida e dois perfis de acesso
- Três cadastros servidos por um só componente de tabela
- Relatório cruza pedidos, clientes e cervejas em JavaScript
Por dentro.
A entrada já pergunta quem está chegando, e a resposta muda o site inteiro: cliente cai na loja, administrador cai no painel. O enunciado pedia login; dois perfis foi o que tornou o resto necessário. 
O lado do cliente. O carrinho fica fixo ao lado da vitrine, com o total somando ao vivo: numa loja, o número que importa é o que você já gastou, e ele não deveria estar a um clique de distância. 
Um dos três cadastros. Cervejas, clientes e pedidos são telas diferentes servidas pelo mesmo componente de tabela, que recebe as colunas e as ações por parâmetro. Era a chance de escrever a mesma tela três vezes e não escrevi. 
O relatório é onde os três cadastros se encontram: cada linha junta um pedido, o cliente que fez e a cerveja que saiu. Sem banco de dados, o cruzamento é feito em JavaScript, e é ele que transforma três listas soltas em uma informação.