Descrição: Um exemplo de CRUD de super-heróis da Marvel no angular 12.
Possui uma listagem de super-heróis, cada página contém 24 cards e em seguida é feito uma paginação. Existe o rápido campo de busca e também filtros por categoria terra, ordenação crescente e decrescente alfabeticamente.
Na criação e em edição constam os campos sobre o super-herói, também a possibilidade de alterar, inserir e excluir múltiplas fotos. A customização de fotos é possível através do botão de inserir fotos ou pelo recurso de arrastar e soltar (Drag and Drop) e só é efetuado com êxito quando é salvo.
Existe uma validação no campo de nome que é obrigatório e também só é permitido fotos com as extensões *.jpg, *.jpeg e *.png.
Ao gravar a criação ou atualização é mostrado um pop-up de salvo com sucesso ou de erro com a mensagem do incidente, também no ato da exclusão é apresentado um pop-up de confirmação ao utilizador.
Tecnologias utilizadas:
- Angular 12
- HTML 5
- SCSS / CSS 3
- TypeScript
- JavaScript
- Bootstrap
- Webservice em Spring Boot (Neste meu outro repositório)
Imagens do funcionamento
