- 1. Resumo do projeto
- 2. Sobre a serie
- 3. Planejamento
- 4. Protótipos
- 5. Testes unitários
- 6. Ferramenta utilizadas
- 7. Desenvolvedoras
O objetivo deste projeto foi construir uma página web para consumir um conjuto de dados sobre os personagens da série Rick and Morty e adaptá-los às necessidades do usuário. Desenvolvemos a página visando estas necessidades, possibilitando tanto visualizar todos os personagens e seus dados, como filtrar por espécie, status, gênero ou ordenar de A-Z ou de Z-A. Foi utilizado um banco de dados json, HTML5, CSS3 e Vanilla JavaScript. Confira o projeto aqui.
Rick and Morty é uma série de animação adulta norte-americana de comédia e ficção científica criada por Justin Roiland e Dan Harmon para o bloco de programação noturno Adult Swim, exibido no canal Cartoon Network. A série estreou em 2 de dezembro de 2013 e acompanha as perigosas aventuras do cientista alcoólatra Rick e seu neto Morty, que divide seu tempo entre a vida familiar e viagens interdimensionais.
Planejamento Fizemos o projeto através da ferramenta Trello. Utilizamos o método Kanban. O projeto foi desenvolvido através das histórias de usuários.
Usuário:
➔ Gostaria de visualizar os personagens e informações deles, para relembrar. • Resolução para o usuário: Todos os personagens e suas informações devem aparecer em forma de taz na página dos personagens com informações.
Usuário:
➔ Gostaria de ver apenas personagens do gênero feminino para relembrar sabendo qual espécie e status, o personagem tem. • Resolução para o usuário: Fazer filtros que busquem apenas o gênero escolhido que cruzem com o filtro de espécie e status.
Usuário:
➔ Gostaria de buscar personagens pelo nome e por ondem alfabética. • Resolução para o usuário: Ter um input para buscar o nome do personagem desejado e um filtro de A-z Z-a.
A ideia inicial foi feita no papel com o protótipo de baixa fidelidade e partir dele fomos pensando em melhorias para o protótipo de alta fidelidade que pensasse nas necessidades dos usuários.
O protótipo de alta fidelidade foi desenvolvido na ferramenta do Figma. Confira o protótipo de alta fidelidade aqui.
Os testes foram desenvolvidos para testar as funções implementadas, das quais são testados os filtros, a ordenação, o retorno da quantidade de personagens por categoria e a pesquisa por nome de personagens.
Para a construção desse projeto foram utilizadas as seguintes ferramentas: • JavaScript • HTML 5 • CSS • Node.JS • Figma