- 1. Sobre
- 2. Proposta do Projeto
- 3. Experiência do Usuário
- 4. Protótipos
- 5. Demonstração da aplicação
- 6. Testes Unitários
- 7. Objetivo de Aprendizagem
- 8. Autoras
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 mostra as aventuras insólitas do cientista beberrão Rick Sanchez e seu neto inseguro e com hormônios em ebulição Morty Smith, membros de uma família americana comum, composta também por Jerry, um pai ignorante; Beth, uma mãe sensata e Summer, uma irmã mais velha, típica adolescente alienada, que se compadece do irmão quando passa a integrar as aventuras de seu avô.
A série ainda esta em atividade em sua quinta temporada.
Projeto Data Lovers proposto pelo bootcamp Laboratória, foi desenvolvido para os fãs e curiosos da série Rick And Marty. Com uma página web possibilita filtrar os personagens por Gênero, Espécie, Status e Ordem de A-Z ou de Z-A.
Com o objetivo de entender mais os fãs e curiosos da série, criamos um formulário, questionando o que pesquisam sobre os persongens e o tipo de informação que consideram relevantes em uma série.
Tivemos o cuidado de não enviesar a pesquisa, afim de adquirir insights para a construção do projeto.
Para acessar o formulário, Clique aqui.
Os úsuários que mais se interessam pela série têm entre 22 a 31 anos.
- 100% Dos usuários gostariam de saber mais sobre cada personagens.
- 63,6% Consideram importante pesquisar sobre os personagens.
- 54,5% Indentificamos o Rick como o personagem favorito, importante para definirmos a proposta de layout e cores.
- 63,6% Dos usúarios consideram importante saber a espécie/gênero dos personagens.
- 100% Dos usuários gostariam de saber mais sobre cada personagens
- 63,6% Consideram importante pesquisar sobre os personagens
- 54,5% Indentificamos o Rick como o personagem favorito, importante para definirmos a proposta de layout e cores.
- 63,6% Dos usúarios consideram importante saber a espécie/gênero dos personagens
-
Critérios de aceitação:
-
O usuário consegue filtrar por gênero, espécie e status.
-
O usuário consegue ordenar de A-Z e de Z-A.
-
Constam informações dos personagens no flip.
-
Ver os personagens em card.
-
Os dois principais personagens Rick e Marty aparece no inicio da página.
Existe um estudo da semiótica onde explica que a leitura da esquerda para a direita, criando um sequenciamento de informações e estabelecendo assim uma hierarquia visual, dando a ideia ocidental de início e fim.
E também levando em consideração grandes redes sociais como o Facebook, que utiliza o menu da esquerda para a direita, criamos o menu do lado esquerdo.
Os testes garantem que uma unidade pequena do seu código funcione corretamente. Eles devem garantir que todos os seus caminhos de código sejam testados.
- Uso de HTML semântico.
- Uso de seletores de CSS.
- Construir sua aplicação respeitando o desenho realizado (protótipo).
- Uso de seletores de DOM.
- Gerenciamento de eventos de DOM.
- Manipulação dinâmica de DOM. (appendChild |createElement | createTextNode| innerHTML | textContent | etc.)
- Uso de condicionais (if-else | switch | operador ternário)
- Uso de laços (for | for..in | for..of | while)
- Uso de funções (parâmetros | argumentos | valor de retorno)
- Manipular arrays (filter | map | sort | reduce)
- Manipular objects (key | value)
- Uso ES modules (importação | exportação)
- Diferenciar entre expressão e declarações.
- Diferenciar entre tipos de dados atômicos e estruturados.
- Organizar e dividir o código em módulos (Modularização)
- Uso de identificadores descritivos (Nomenclatura | Semântica)
- Uso de linter (ESLINT)
- Uso de comandos de git (add | commit | pull | status | push)
- Gerenciar repositórios de GitHub (clone | fork | gh-pages)
- Colaboração no Github (branches | pull requests | |tags)
Magna Dutra e Thaiane Cristine
