iFood (React)

Dashboard para gestão do estabelecimento e controle de pedidos estilo iFood.

Ferramentas

• React
• React Router DOM
• Tanstack React Query
• Tailwind
• shadcn/ui
• Vitest
• Playwright
• Mock Service Worker (Mock da API)

Disclaimer

Atenção: A API ainda está sendo implementada. Para simular as requisições à API enquanto ela não está pronta, utilizei a ferramenta MSW (Mock Service Worker) para criar mocks de respostas.

Aprendizados importantes

• Autenticação JWT
• Caching e revalidação
• Conexão com back-end (API)
• Testes unitários
• Testes E2E

Projeto

Para rodar o projeto, você pode usar o npm, yarn ou o pnpm

pnpm install
pnpm dev:test

Testes

Testes E2E (terminal):

pnpm playwright test

Testes E2E (ui):

pnpm playwright test --ui

Funcionalidades

• Cadastro de estabelecimento
• Login de estabelecimento (magic link)

• Gestão de pedidos
• Gestão do perfil do estabelecimento

• Métricas p/ dashboard