E-commerce / TCG

Drop Aki TCG

E-commerce de cards colecionáveis construído de ponta a ponta, da experiência de compra à operação administrativa.

Projeto individual realizado há 3 meses como freelance e consultoria, com responsabilidade full stack e manutenção contínua.

Abrir o produto Ver a arquitetura
Papel
Desenvolvedor full stack
Modelo
Freelance + consultoria
Duração
3 meses · atual
Status
Em produção e manutenção
dropakitcg.com.br
Página inicial da loja Drop Aki TCG

Do problemaà entrega.

Problema
Transformar um catálogo amplo de cards e acessórios em uma experiência de compra clara, sem perder as rotinas necessárias para operar pedidos, estoque, clientes e atendimento.
Solução
Uma experiência própria em Astro 5 e React conectada ao Wix Headless, com serviços Node.js e TypeScript, PostgreSQL e Redis, além de uma camada de IA construída com FastAPI e LangChain.
Entrega
Uma operação de e-commerce entregue e mantida em produção, com jornada pública de compra, área do cliente, painel administrativo e integrações comerciais funcionando como um único produto.

O que eu fiz.Fui responsável pelo produto inteiro e continuo prestando manutenção à empresa.

  • Arquitetura e desenvolvimento full stack da experiência de e-commerce.
  • Catálogo, busca, conta de usuário, histórico de compras, carrinho e checkout.
  • Integrações com PagBank e Melhor Envio.
  • Serviços de IA com FastAPI e LangChain, apoiados por PostgreSQL e Redis.
  • Painel administrativo para apoiar a operação da loja.
  • Integração com Google Search Console, SEO, descoberta por IA e otimização de desempenho.

Escopo do produto

  • Catálogo organizado por jogos, coleções e categorias.
  • Conta de usuário com consulta de compras.
  • Fluxo de carrinho, pagamento e entrega.
  • Rotinas administrativas para a operação comercial.

Arquitetura.Uma visão em alto nível das partes confirmadas do sistema.

architecture.map● drop-aki-tcg em produção

Experiência de compra

  1. NavegadorLoja e conta
  2. Astro 5 + ReactInterface e ilhas interativas
  3. Node.js + TypeScriptServiços e rotas do produto
  4. Wix HeadlessCatálogo, membros e pedidos

Operação comercial

  1. Node.jsRegras e integrações
  2. PostgreSQLDados relacionais
  3. RedisCamada de dados rápidos
  4. PagBank + Melhor EnvioPagamento e frete

Serviços de IA

  1. AplicaçãoChamadas do produto
  2. FastAPIAPI dos serviços de IA
  3. LangChainOrquestração da IA
  4. PostgreSQL + RedisCamada de dados

Telas reais.Clique para ampliar.

Loja pública com navegação por coleções e acesso direto ao catálogo.
Experiência de lançamento alinhada à identidade visual em pixel art.
Painel operacional para pedidos, produtos, estoque, clientes e relatórios.

Stacke integrações.

Frontend

  • Astro 5
  • React
  • TypeScript
  • Tailwind CSS

Backend e plataforma

  • Node.js
  • Wix Headless

Dados

  • PostgreSQL
  • Redis

IA

  • Python
  • FastAPI
  • LangChain

Qualidade

  • Vitest
  • Playwright

Integrações

  • PagBank
  • Melhor Envio
  • Wix Headless
  • Google Search Console

Qualidadee operação.

  • Testes unitários e de integração.
  • Fluxos E2E automatizados com Playwright.
  • SEO técnico e conteúdo preparado para mecanismos de busca e descoberta por IA.
  • Otimização de páginas acompanhada com Google PageSpeed.

Em produção

  • Hospedagem gerenciada no ecossistema Wix Headless.
  • Build e publicação da camada web construída com Astro 5.
  • Manutenção contínua do produto em produção.

O que este projetoevidencia.

  • Estruturar uma experiência própria sobre serviços headless
  • Conectar a jornada de compra à operação do negócio
  • Tratar SEO, desempenho e testes como parte do produto
Próximo caseAMR Mobile