- 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 é construir uma página web para visualizar um conjunto de dados sobre os personagens da série Rick and Morty que se adapte às necessidades do usuário. Através das necessidades do usuário desenvolvemos a página possibilitando tanto visualizar todos os personagens como filtrar, ordenar os dados e mostrar informações relevantes através de cálculo de porcentagem quando for acionado algum filtro de espécie/status ou gênero. 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