Catalogo

🪧 Vitrine.Dev
✨ Nome	Catalogo de Produtos
🏷️ Tecnologias	java, Spring Boot, React, Bootstrap
🚀 URL	Project Spring - Catalogo

Detalhes do projeto

Back end

01. CRUD

• Padrão DTO
• CRUD completo
• Tratamento de exceções
• Postman (coleções, ambientes)
• Dados de auditoria
• Paginação de dados
• Associações entre entidades (N-N)

2. Testes automatizados

• TDD - Test Driven Development
  • JUnit
• Spring Boot
  • Repositories
  • Services
  • Resources (web)
  • Integração
  • Mockito & MockBean

3. Validação e segurança

• Modelo de dados de usuários e perfis
• Validação com Bean Validation
• Autenticação e autorização

• Spring Security
  • OAuth 2.0
  • Token JWT
  • Autorização de rotas por perfil

4. Consultas ao banco de dados

• SQL e JPQL
• Projeção, restrição, escalares
• Spring Data JPA

5. Docker, implantação, CI/CD

• Imagens e Dockerfile
• Instanciação de containers

• CI/CD
  • Clever Cloud
  • Stage de homologação

Front end

---

6. Layout e navegação

• ReactJS
  • Criação de projeto
  • Estrutura do projeto
  • Componentes
  • Importações
• Layout
  • HTML
  • CSS
  • Flexbox
  • Bootstrap
  • Responsividade
• Rotas
  • React Router DOM
  • Rotas e links

7. Integração com API

• Props
• Parâmetros de URL
• Hierarquias (nesting)
• Redirecionamentos

• Integração com back end
  • Axios
  • React Hooks
  • useState
  • useEffect

ROTA	Página (componente)
/	Home
/products	Catalog
/products/:productId	ProductDetails
/admin	Admin/Products (redirecionamento)
/admin/auth/login	Admin/Auth/Login
/admin/products	Admin/Products/List
/admin/products/create	Admin/Products/Form
/admin/products/:productId	Admin/Products/Form

8. Autenticação e autorização

• Formulários
  • React Hook Form
  • Validação de formulário, expressões regulares
  • Mensagens de erro e estilização condicional
• Login OAuth2
  • Interceptors
  • LocalStorage
  • Acesso a dados
  • JSON parse / stringify
• Fluxos de autenticação e autorização
  • Rotas protegidas
  • Redirecionamentos de login e de autorização
  • Redirecionamentos especiais para experiência do usuário (UX)
  • Permissionamento em nível de rotas
  • Restrição de conteúdo (UI) baseada em perfil de usuário

9. CRUD, paginação, filtros

• CRUD responsivo
• Listagem de dados
• Formulário
• Inserção, edição e remoção
• Comunicação entre componentes com eventos (padrão observer)
  • React Hook Form
  • Integração de libs com React Hook Form
  • React Select
  • React Currency Input Field
  • Outras libs
• React Pagination
• React Toastfy
• Filtragem de dados
• Controle de referência com hook useCallback

10. Testes e implantação

• JEST e Testing Library
  • Testes de funções JS/TS
  • Execução de testes, modo watch
  • Bloco describe e suíte de testes
  • Mock de funções com spyOn
• Testes de componentes React
  • Testes de unidade e de integração
  • Mock de funções com jest.fn()
  • Mock de requisições com MSW
  • Mock do React Router DOM
  • Simulação de interação do usuário
  • Fixtures
• Inputs de formulário
  • Submissão de formulário
• Implantação com CI/CD
  • VERCEL