Spike

Introdução

Um e-commerce completamente funcional.

Tecnologias

• Linguagem: TypeScript
• Biblioteca: ReactJS
• Framework: Next.js
• Componentes: Shadcn-ui
• Conexão com API: Axios
• Gerenciamento de estados http: React Query
• Gerenciamento de estados: Zustand
• Gerenciamento de formulários: React Hook Form
• Validação: Zod
• Pagamentos: Stripe
• Testes: Playwirght

Funcionalidades

• Cadastro do usuário com nome, email e senha.
• Autenticação JWT com email e senha.
• Listagem de produtos
• Carrinho de compras
• Responsividade
• Pagamentos via Stripe
• Testes e2e com Playwright

Instalação

Clone o repositório:

git clone https://github.com/izaiasmorais/spike
cd spike

Instale as dependências:

pnpm install

Configure o arquivo .env com suas credenciais:

NEXT_PUBLIC_DEV_API_URL="http..."
NEXT_PUBLIC_APP_URL="http..."
NEXT_PUBLIC_STRIPE_PUBLIC_KEY="pk_test..."
STRIPE_SECRET_KEY="sk_test..."

Executando o Projeto

Inicie o servidor:

pnpm dev

Executando testes

Executar todos os testes no termial:

pnpm test

Executar todos os testes através da UI do Playwright:

pnpm play