PedroBicudo / imageuploader

Aplicação Full stack de upload e acesso a imagens

Image uploader

Aplicação Full stack de upload e acesso a imagens

Motivação

Resolver o desafio image uploader do site DevChallenges.

Projeto

Como executar o projeto?

• Siga o passo a passo dos dois submódulos:
  • Back end
  • Front end

Informações extras

Problemas que eu tive

• Fazer o upload de arquivos usando o swagger
• Mostrar imagens como resposta no swagger

O que eu aprendi

• Usar a classe MultiPartFile para obter upload de arquivos.
• Aprendi que para fazer o upload de arquivos o content-type deve estar definido como multipart/form-data
• Aprendi a fazer o upload de arquivos no Postman e Swagger doc
• Aprendi a usar o swagger com OpenAPI
• Aprendi a gerar cabeçalho de maneira dinâmica.
• Aprendi a usar o Content-Dispoition no cabeçalho HTTP
• Eu descobri que eu estava usavando o status code Found errado, a função dele está ligada ao redirecionamento, enquanto o status code Ok está relacionado ao retorno de dados.
• Aprendi a usar o Scheduled para executar ações em intervalos, no projeto a cada uma hora todas as imagens cadastradas antes de um horário específico são apagadas.
• Aprendi a fazer o upload de imagens no Angular
• Aprendi a usar o a biblioteca dropzone do Angular
• Aprendi a usar submódulos no Git

Tecnologias usadas

Front end

• HTML e CSS
• Typescript, Angular, NgrxDropzone, Clipboard
• Figma

Back end

• Java
• Spring, Spring Boot, Spring Data, Spring Web
• Postgres
• Flyway
• JUnit5
• Mockito
• Testcontainers

Autor

• Linkedin - PedroBicudo