DesafioPhoebus

Este desafio consiste na criação de um pequeno e-comece para quadrinhos da Marvel comics, onde serào exibidos os quadrinhos através de uma listagem, podendo adicioná-los a um carrinho de compras ou mesmo ver os detalhes sobre aquele quadrinho.

Telas

4 telas foram feitas para o desafio

A primeira tela destaca 4 quadrinhos inicialmente e 3 grandes eventos (ou grupos) do universo márvel dos quadrinhos, dando uma breve descriçào sobre cada e disponibilizando um link que possibilita a listagem de quadrinhos ligados aqueles eventos (ou grupos).

A segunda tela se trata de uma listagem paginada, na qual também podem ser realizadas buscas sobre alguns quadrinhos pelo seu título. Ao cliclar na imagem de algum dos quadrinhos vamos para a terceira tela.

Na terceira tela temos os detalhes do quadrinho, com poucas informações adicionais como descrição (e possivelmente autores);

Na quarta tela temos a exibição dos nosso itens no carrinho de compras, no qual será possível incrementar ou removar um item e realizar checkout da compra aplicando cupons de desconto

OBS. Uma ou duas funcionalidades podem não estar implementadas por questão de tempo!

OBS 2. A responsividade de algumas telas também podem não estar implementadas corretamente por questão de tempo!

OBS 3. Alguns dados disponibilizados pela API não tinham a menor padronização ou coerência com o resultado da consulta, por tanto os mesmos foram descartados do uso no sistema.

Como Rodar?

O projeto foi feito utilizando angular 9, então para rodar o projeto basta abrir um terminal dentro do diretório do projeto e rodar um:

npm install

e depois um

ng serve

Considerações

O layout de algumas páginas foi feito de maneira a tentar dar um diferencial para a aplicação, visando um fácil acesso simplicidade para novos usuários. É provável que o layout não tenha sido concluído como planejado por questão de tempo, porém, foi feito o máximo, tanto em quesito de funcionalidades quanto de usabilidade, para o tempo estimado.