A aplicação Gerenciamento de Lookbooks Personalizados tem como objetivo ajudar os usuários a gerenciar seus lookbooks de forma fácil e intuitiva. O sistema permite a criação, edição, visualização e exclusão de lookbooks, além de associar peças de roupa a eles, ajudando o usuário a montar looks personalizados de acordo com suas preferências.
- CRUD de Lookbooks: O usuário pode criar, editar, visualizar detalhes e deletar lookbooks. ✏️🗑️
- CRUD de Peças de Roupa: O usuário pode gerenciar suas peças de roupa associadas aos lookbooks. 👕👖
- Visualização Detalhada: Exibe informações detalhadas sobre cada lookbook e suas peças associadas, incluindo imagens e valores. 🔍💰
src/
├── main/
│ ├── java/com/leadtech/lookbook/
│ │ ├── controllers/
│ │ ├── models/
│ │ ├── repositories/
│ │ └── services/
│ └── resources/
│ ├── templates/
│ └── application.properties
│ └── import.sql
└── test/
- Frontend: Thymeleaf 🌐
- Backend: Java com Spring Boot ☕️
- Banco de Dados: Oracle Cloud ☁️
- Hospedagem: Azure App Service 🌟
-
Página Inicial: Acesse a página principal da aplicação com o conteúdo inicial. 🏠
GET /
-
Essa rota exibe a página
index.html
, que contém um ponto de entrada para o usuário acessar todas as funcionalidades do sistema.- Exemplo: Acesse
https://applookbooks.azurewebsites.net/
para visualizar a página inicial com opções de gerenciamento de Lookbooks e Peças de Roupa.
- Exemplo: Acesse
- Listar Peças:
GET /clothing
- Exibe uma lista de todas as peças de roupa. 👕👗 - Novo Formulário:
GET /clothing/novo
- Exibe o formulário para adicionar uma nova peça de roupa. ➕👔 - Salvar/Atualizar:
POST /clothing
- Salva uma nova peça de roupa ou atualiza uma existente. 💾✏️ - Editar:
GET /clothing/editar/{id}
- Exibe o formulário para editar uma peça de roupa existente. 📝👚 - Deletar:
GET /clothing/deletar/{id}
- Remove uma peça de roupa pelo ID. 🗑️ - Detalhes:
GET /clothing/detalhes/{id}
- Exibe detalhes de uma peça de roupa específica. 🔍🛍️
- Listar Lookbooks:
GET /lookbooks
- Exibe uma lista de todos os lookbooks. 📚👗 - Novo Formulário:
GET /lookbooks/novo
- Exibe o formulário para adicionar um novo lookbook. ➕📒 - Salvar/Atualizar:
POST /lookbooks
- Salva um novo lookbook ou atualiza um existente. 💾✏️ - Editar:
GET /lookbooks/editar/{id}
- Exibe o formulário para editar um lookbook existente. 📝📖 - Deletar:
GET /lookbooks/deletar/{id}
- Remove um lookbook pelo ID. 🗑️ - Detalhes:
GET /lookbooks/detalhes/{id}
- Exibe detalhes de um lookbook específico. 🔍👗
-
Crie um Grupo de Recursos 🏷️
- Nome:
rg-lookbook
- No portal do Azure, vá para Grupos de Recursos e clique em Adicionar.
- Insira o nome do grupo e selecione a região desejada.
- Nome:
-
Crie um Plano de Serviço do App 📈
- Nome:
LookbooksAppPlan
- No portal do Azure, vá para Planos de Serviço do App e clique em Adicionar.
- Insira o nome do plano, selecione a região (que deve ser a mesma do grupo de recursos) e escolha o plano de tarifa Free para economizar recursos.
- Nome:
-
Crie um Web Service App 🌐
- Nome:
AppLookbooks
- No portal do Azure, vá para Aplicativos de Serviço e clique em Adicionar.
- Selecione o grupo de recursos
rg-lookbook
e o plano de serviçoLookbooksAppPlan
. - Escolha o sistema operacional Windows e a versão do Java 17 para o runtime.
- Nome:
-
Configure o Deploy ⚙️
- Durante a criação do Web App, selecione GitHub Actions como método de deploy contínuo.
- Conecte sua conta do GitHub, selecione o repositório correto e o branch para o deploy.
- O Azure gerará um arquivo YAML para o workflow do GitHub Actions, configurando o processo de build e deploy.
-
Faça o Deploy 🚀
- O deploy será iniciado automaticamente via GitHub Actions após atualizações no branch configurado.
- Acompanhe o progresso no Deployment Center ou no GitHub Actions.
-
Verifique a Aplicação 🔍
- Após o deploy, o Azure fornecerá uma URL para acessar a aplicação.
- Acesse a URL (ex:
https://applookbooks.azurewebsites.net
) para vearificar a funcionalidade.
-
Insira novos registros de lookbooks através da interface da aplicação.
-
Exemplo: Adicione um novo lookbook com as seguintes informações:
Dados do Lookbook:
Nome: Look Primavera Casual
Dados do Item de Roupa:
Nome: Camiseta Ciganinha Categoria: CAMISETA Cor: Preta Tamanho: M URL da Imagem: https://abrir.link/ivTDX Material: Viscose Marca: Forever 21 Padrão: LISO Preço: R$ 69,90 Sazonalidade: PRIMAVERA
- Verifique se os dados inseridos são exibidos corretamente na aplicação.
- Exemplo: Após criar o lookbook, confira se todas as informações (nome, itens de roupa, etc.) estão sendo exibidas corretamente na página.
-
Edite registros existentes e confirme que as alterações foram salvas corretamente.
-
Exemplo: Modifique o nome do lookbook e o item de roupa para:
Novo Nome do Lookbook:
Nome: Look Outono Casual
Dados Atualizados do Item de Roupa:
Nome: Camiseta Ciganinha Estilizada Categoria: CAMISETA Cor: Preta Tamanho: G URL da Imagem: https://abrir.link/ivTDX Material: Algodao Marca: Zara Padrão: ABSTRATO Preço: R$ 89,90 Sazonalidade: OUTONO
- Exclua registros e verifique se eles foram removidos do banco de dados.
- Exemplo: Delete o lookbook Look Outono Casual e seus respectivos itens de roupa, certifique-se de que eles não aparece mais na lista de lookbooks e nas peças disponíveis.
- Certifique-se de que todas as operações estão funcionando conforme esperado e sem erros.
- Use as consultas no próprio SQL Developer.
Este projeto utiliza o GitHub Actions para automação do fluxo de trabalho de desenvolvimento. A configuração de CI/CD é definida no arquivo .github/workflows/main_applookbooks.yml
, que executa os seguintes passos:
- Compilação do Projeto: Compila o código-fonte e executa os testes automatizados. 🧪
- Deploy Automatizado: Publica a aplicação no Azure App Service. 🚀
O arquivo script.sql
contém o DDL das tabelas utilizadas na aplicação. Ele inclui as instruções para a criação das tabelas, definição de colunas, chaves primárias, e comentários explicativos.
-
Caminho do Arquivo: script.sql
-
Conteúdo:
- Tabelas: Definidas com suas respectivas colunas e tipos de dados.
- Chaves Primárias: Especificadas para garantir a integridade dos dados.
- Comentários: Explicações sobre o propósito e estrutura das tabelas.
Você pode encontrar o arquivo script.sql na raiz do repositório. Para visualizar ou executar o DDL, acesse o arquivo diretamente no repositório.
- Fluxo de Autenticação do Cliente: Implementar autenticação e autorização de usuários. 🔐
- Refatoração da Estilização dos Templates: Melhorar a estilização das páginas para uma melhor experiência do usuário. 🎨
- Tratamento de Upload da Imagem: Adicionar funcionalidade para o upload de imagens no cadastro de peças de roupa. 📸
- Implementação com IA: Integrar uma IA para sugestão de lookbooks baseados nas preferências do usuário. 🤖
- Código Fonte: GitHub Repository 📁
- Vídeo de Demonstração: YouTube Video 📹
Aqui estão os membros do grupo que participaram durante desenvolvimento desta SPRINT.
-
RM 552267 - Bianca Leticia Román Caldeira
- Turma: 2TDSPH
-
RM 552252 – Charlene Aparecida Estevam Mendes Fialho
- Turma: 2TDSPH
-
RM 552258 - Laís Alves da Silva Cruz
- Turma: 2TDSPH
-
RM 97916 – Fabricio Torres Antonio
- Turma: 2TDSPH
-
RM 99675 – Lucca Raphael Pereira dos Santos
- Turma: 2TDSPZ
Bianca Román |
Charlene Aparecida |
Lais Alves |
Lucca Raphael |
Fabricio Torres |