../projeto

Pizza Shop

Pizza Shop é uma aplicação de gerenciamento de restaurantes, focada no dashboard de administrador. Desenvolvida com Vite, React Router DOM, React Hook Form, shadcn/ui, React Query, e Vitest para testes unitários e para testes e2e foi usado o Playwrite, esta é uma aplicação super completa oferece uma plataforma eficiente para gerenciar pedidos, estoque e clientes de forma intuitiva e responsiva.

React.jsTypescriptTailwindShadcn UIRadixreact-hook-formreact-query

Voltar para projetos

🍕 Pizza Shop 🍕

Foi utilizado react-query para fazer toda a parte cache das requisições. Na parte de testes no frontend foi utilizado o Vitest para testes unitários e para testes E2E foi utilizado o Playwright que diferente do Cypress no playwright é possível rodar os testes em simultâneo, no cypress quando rodamos os testes E2E ele sobe um navegador e esse navegador vai rodar os testes em sequencia.

Aplicação super completa e de acordo com o que há de mais recente e melhor no mercado hoje, seguindo as melhores práticas e realizando testes unitários e end-to-end, CI/CD.

Aprendizados importantes

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

Funcionalidades

Cadastro de estabelecimento;
Login de estabelecimento (magic link);
Cadastro como cliente;
Criação de novos pedidos;
Gestão do cardápio;
Gestão de avaliações;
Gestão de pedidos;
Gestão do perfil do estabelecimento;
Loja aberta/fechada;
Métricas p/ dashboard;
Gráfico de pedidos nos últimos 15 dias;
Gráfico de valores nos últimos 15 dias;
Média de avaliações (mês/geral);
Média de pedidos por dia (mês/geral);
Notificações sonoras de novos pedidos (alterar favicon);

⚙ Clonando Projeto

Passo a passo para clonar e executar a aplicação na sua máquina:

# Clone este repositório $ git clone git@github.com/Victtor-777/Pizza_Shop.git ⁠ ⁠# Instale as dependências $ npm install ⁠ # Execute a aplicação em modo de desenvolvimento $ npm run dev ⁠ # A aplicação inciará em alguma porta disponível