MarvelAngular

This project was generated with Angular CLI version 17.1.1.

Deploy da aplicação (GitHubPages)

Aplicação rodando em produção:

https://joifogaca.github.io/marvel-angular/heroes

O que foi desenvolvido

Uma aplicação Angular que realiza uma busca dinâmica pelos personagens da Marvel.

Ao encontrar o personagens que os nomes inicam com as letras digitadas, retorna para tela os seguintes dados do personagem:

• Nome

• Descrição

• Participação em quadrinhos

• Participação em histórias

De acordo com os dados consumidos pela API:

Marvel Developer Portal - Interactive Documentation

V.1.0

Tela de pesquisa

Tela de retorno de pesquisa

Setup do projeto

gh repo clone joifogaca/marvel-angular

cd marvel-angular

npm install

Como rodar o projeto

Rodeng serve para rodar em ambiente de desenvolvimento. Acesse a URL http://localhost:4200/.

Gerando pacote e publicando no GitHub Pages com angular-cli-ghpages

ng build --base-href="https://joifogaca.github.io/marvel-angular/"

npx angular-cli-ghpages --dir=dist/marvel-angular/browser

Dependências e Versões Necessárias

angular-cli-ghpages

Utilizado para deploy e publicação no GitHub Pages

uuid

Para gerar identificadores únicos

node-md5

Para gerar hash md5

Angular powered Bootstrap

Biblioteca de componentes Angular que utiliza como base de layout Bootstrap

Próximos passos:

• Adicionar tratamento de erro nas requisições e avisar ao usuário em caso de falha

• receber um feedback de carregamento enquanto a aplicação busca os dados que eu digitei.

• receber o feedback da aplicação quando o super-herói inserido no campo de busca não for válido ou não retornar nada na busca.

• [] receber uma notificação caso perca a conexão com a internet durante a busca dos dados.

• [] acessar os dados que já pesquisei de modo offline.

• Tratar casos em que a valores de string venham vazio " "

• Adicionar barra de carregamento na espera da lista de personagens

• Retornar para o usuário caso a API não retornar nenhum personagem

• Implementar um sistema de cache para retornar os personagens carregados anteriormente no sistema

• Adicionar teste unitário

• Limitar a busca a iniciar a com 3 caracteries

Written with StackEdit.