Sistema WB - Atividade Prática II

Interface Gráfica para o sistema World Beauty (WB)
Desenvolvido para a Atividade Prática II da disciplina de Programação Orientada a Objetos

---

Requisitos Atendidos

Este projeto atende 100% das exigências da Atividade Prática ATVII:

• Interface gráfica (GUI) moderna e responsiva
• Componentes React exclusivamente em classes
• Navegação entre telas sem backend
• Funcionalidades da Atividade 1 reimplementadas com interface visual:
  • Cadastro, listagem, edição e exclusão de clientes, produtos e serviços (CRUD)
  • Registro de consumo por cliente
  • Relatórios gerenciais com dados simulados
• Design responsivo para desktop e dispositivos móveis

---

Tecnologias

• React 19.1.0 com componentes de classe
• TypeScript 5.8.3
• Material-UI 7.1.2
• Vite 7.0.0

---

Estrutura de Telas

• Home: visão geral com indicadores
• Cadastros: formulários validados para clientes, produtos e serviços
• Listagens: visualização, edição e exclusão de registros
• Registro de Consumo: associação de produtos e serviços aos clientes
• Relatórios: análise de consumo e perfil de clientes (top 10, por gênero, etc.)

---

Dados de Teste

O sistema inicia com 30 clientes, 20 produtos, 20 serviços e registros de consumo simulados.
Para iniciar com dados vazios, edite Roteador.tsx conforme instruções no próprio arquivo.

---

Como Executar

# 1. Clonar o repositório
git clone <URL_DO_REPOSITORIO>
cd <NOME_DA_PASTA>

# 2. Instalar dependências
npm install

# 3. Rodar servidor de desenvolvimento
npm run dev

---

Estrutura do Projeto

src/
├── componentes/        # 12 componentes React (classes puras)
├── dados/             # Populador de dados de teste
├── modelo/            # Classes de domínio da Atividade I
├── tema/              # Tema Material-UI
└── tipos/             # Definições TypeScript

---

Disciplina: Programação Orientada a Objetos
Prof. Dr. Eng. Gerson Penha
Aluna: Mariana Lins