Skip to content

Desafio Front-End para seleção de desenvolvedores Front-End da Indra

Notifications You must be signed in to change notification settings

cunhaDev/desafio-frontend-indra

Repository files navigation

Desafio Front-End da Indra

Este é um projeto desenvolvido em Angular 9, TypeScript & SASS

Recursos realizados:

  • Design de interface limpo e intuitivo

  • Exibição de nome, id, avatar e types

  • Cards com cores personalizadas para cada tipo de pokémon

  • Paginação com limite de 20 itens por carregamento

  • Botões de avançar e retroceder

  • RxJS

Observações

Este projeto é fruto de 28 horas de estudo do Angular 9, como eu fiz
questão de esclarecer nas duas entrevistas, é uma stack a qual eu não domino
plenamente, então foi muito prazeroso voltar a trabalhar com Angular e
poder mostrar minha capacidade de sair da zona de conforto e estar sempre
disposto a aprender novas tecnologias.

Problemas

Devido aos fatores de gerenciamento de tempo, infelizmente ficaram alguns pontos em aberto,
os quais relato abaixo:

  • Fazendo map ou forEach nos arrays advindos da requisição, por algum motivo
    trazia os ids que eu não solicitava, e de forma desordenada. Mas preferi continuar
    exibindo o id em razão do problema abaixo.

  • Estou fazendo fetch de todos os recursos que a api me oferece, pois pretendia,
    ao clicar no card, exibir um modal com mais informações detalhadas sobre o pokemon
    selecionado; infelizmente para minha tristeza, não sobrou tempo pra isto; então estou exibindo
    o bastante para não poluir os pequenos cards com excesso de informação!

  • Testes unitários com Jasmine - Eu estou estudando bastante este módulo, infelizmente não tive tempo para implementar neste projeto em questão, mas em algumas semanas terei em
    meu portfólio

  • Responsividade - Um dos meus pontos fortes, infelizmente não consegui acertar os detalhes
    assim como pequenos defeitos de estilização

  • webpack! Em aberto, não tive escolha!

  • Um dos maiores problemas que tive no ínicio foi fazer as requisições em paralelo, para
    trazer informações adicionais para o card, e se tivesse sobrado tempo, exibir as informações
    completas dos pokemons recarregar o componenente. Ficando esta última em aberto

  • Model - Há um arquivo de Model inutilizado. Amo usar models, infelizmente esse ficou na mão.

  • Conclusão

    Este pequeno projeto despertou em mim a paixão pelo Angular e perceber o poder que esse
    Framework oferece. Meus agradecimentos à Indra pela oportunidade!

About

Desafio Front-End para seleção de desenvolvedores Front-End da Indra

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published