Este projeto é uma aplicação web full-stack para uma pizzaria, desenvolvida com tecnologias modernas para oferecer uma experiência de usuário rápida e eficiente.

O front-end é construído com React.js e TypeScript, estilizado com TailwindCSS, enquanto o back-end roda em um subsistema Linux utilizando Bun e Docker.

Além disso, utilizamos Playwright para testes end-to-end (E2E), testes unitários, e integração contínua, assim como autenticação via Magic Link.

Tecnologias Utilizadas

Front-end

• React.js: Biblioteca JavaScript para construção de interfaces de usuário.
• TypeScript: Superset do JavaScript que adiciona tipagem estática ao código.
• TailwindCSS: Framework CSS utilitário para estilização rápida e customizável.
• Vite: Ferramenta de build rápida para desenvolvimento front-end moderno.
• React Router: Gerenciamento de rotas no React.
• React Hook Form: Biblioteca para manipulação de formulários no React.
• Tanstack React Query: Ferramenta para gerenciamento de estados assíncronos e sincronização com servidor.
• Radix UI: Conjunto de componentes acessíveis e estilizados para React.
• Axios: Cliente HTTP para fazer requisições ao servidor.
• Zod: Biblioteca de validação de esquemas.
• Date-fns: Biblioteca para manipulação de datas.
• Recharts: Biblioteca de gráficos para React.
• Localforage: Biblioteca para armazenamento offline.
• Lucide React: Conjunto de ícones para React.
• TailwindCSS Animate: Plugin para animações no TailwindCSS.
• React Helmet Async: Manipulação de head do documento para React.
• Sonner: Biblioteca de notificações para React.

Back-end

• Bun: Runtime JavaScript rápido e moderno.
• Docker: Plataforma para desenvolvimento, envio e execução de aplicações em contêineres.
• Linux Subsystem: Ambiente de desenvolvimento rodando em subsistema Linux para integração e deploy mais eficientes.

Testes

• Playwright: Ferramenta para testes end-to-end (E2E), garantindo que o front-end funcione conforme esperado.
• Vitest: Framework de testes unitários para o front-end.
• Testing Library: Conjunto de utilitários para testar componentes React.
• MSW (Mock Service Worker): Ferramenta para simular APIs durante o desenvolvimento e testes.
• Happy-dom: Ambiente DOM para testes.

Autenticação

• Magic Link: Implementação de autenticação sem senha, onde os usuários podem fazer login através de um link enviado para seu e-mail.