Voltar aos projetos
Projeto educacional · catálogo e carrinho

KenzieBurguer 2.0

Aplicação React com autenticação, busca de produtos e carrinho de compras por usuário.

KenzieBurguer 2.0 — Catálogo real da demonstração local · produtos fictícios
TELAS E FLUXOS

Do início ao resultado

  1. 01

    Criar conta

    Cadastro e confirmação de email na experiência autenticada.

  2. 02

    Entrar

    Login ou acesso independente ao modo demonstração.

  3. 03

    Explorar o catálogo

    Fotos ilustrativas, filtros por pesquisa confirmada e interface responsiva.

  4. 04

    Montar a sacola

    Quantidade, preço unitário, subtotal e total; não há checkout.

IMAGENS DO APLICATIVO

Interface em ação

Tela de login KenzieBurguer
Sobre o projeto

Contexto & construção

Projeto educacional de e-commerce atualizado com Supabase Auth e PostgreSQL. A interface oferece cadastro, login, catálogo ilustrativo, pesquisa, inclusão e remoção de itens no carrinho. As regras de segurança do banco restringem cada carrinho à conta autenticada. Não existem pedidos reais nem pagamento. A integração passou em testes automatizados com respostas simuladas da API; cadastro e confirmação de email foram verificados no projeto Supabase compartilhado com KenzieHub; persistência das novas quantidades do carrinho e isolamento entre contas ainda aguardam teste real.

  1. 01

    A ideia

    Como transformar uma vitrine de produtos de exercício em uma experiência de navegação convincente, com busca, login e uma sacola que consiga guardar várias unidades do mesmo item?

  2. 02

    Como foi construído

    A versão atual usa React e TypeScript. O catálogo apresenta produtos fictícios, busca aplicada após o envio e cartões adaptados ao celular. O carrinho calcula quantidades, preços unitários, subtotais e valor total. Na modalidade autenticada, o armazenamento é feito via Supabase Auth e PostgreSQL com políticas RLS por usuário.

  3. 03

    Minha participação

    Trabalho educacional individual de evolução de interface e integração. As melhorias recentes focaram na experiência visual, mensagens, persistência e controle de quantidades.

  4. 04

    O que está demonstrado

    Há demonstração navegável, sem vendas nem pagamentos. O cadastro por email foi observado no serviço compartilhado, mas as novas quantidades após recarga e o isolamento entre duas contas ainda precisam de verificação independente em operação real.

  5. 05

    O que está no código

    • Cadastro, login e rota protegida conectados ao Supabase Auth.
    • Catálogo educacional pesquisável e interface responsiva.
    • Carrinho persistido no PostgreSQL e protegido por Row Level Security.
    • Testes automatizados do fluxo de autenticação e persistência com APIs simuladas.
VAMOS CONVERSAR

Uma boa conversa pode
abrir novos caminhos.

Busco oportunidades remotas em IA aplicada, desenvolvimento de prompts, treinamento de IA e avaliação de respostas, aproveitando minha experiência prática em operações, atendimento e gestão digital. Vamos conversar pelo canal que preferir.