Data Lovers - Pokémon

SAP-010 Laboratoria

Desenvolvido por:
Nicole Monalisa Tsingas - Linkedin | Github
Mislene Moura - Linkedin | Github

---

Índice

• 1. Prefácio
• 2. Resumo do projeto
• 3. Histórias de usuário
• 4. Objetivos de aprendizagem
• 5. Tecnologias Utilizadas

---

1. Prefácio🤩

O Pokébox é um website pensado e criado tendo como público alvo os fãs de Pokémon anime e do jogo PokémonGO. PokémonGO é um jogo eletrônico free-to-play de realidade aumentada voltado para smartphones. Com o uso do GPS o jogo permite aos jogadores capturar, batalhar, e treinar criaturas virtuais chamadas Pokémon, que aparecem na tela do jogador usando realidade aumentada.

---

2. Resumo do projeto📝

Neste projeto foi desenvolvido um website na qual o usuário visualizará os 251 pokémons e poderá filtrá-los pelo nome e tipo(elemento), ordená-los em ordem alfabética (A-Z, Z-A) e será mostrado uma estatística de tipo de dados conforme sua busca. O Website consta com uma interface 100% responsiva (pode ser acessado pelo celular, tablet, notebook).

Versão Final📎Acesse aqui

---

3. Histórias de usuário📝

História de usuário 1: Como um(a) treinador(a) Pokémon, eu quero um site explicativo e que me entregue uma ótima experiência. Por exemplo: que meu nome apareça ao acessar este site.

História de usuário 2: Como um(a) treinador(a) Pokémon, eu quero ter acesso a todos os pokémons e poder filtrá-los em ordem alfabética e pesquisar por um determinado tipo ou nome do pokémon.

História de usuário 3: Como um(a) treinador(a) Pokémon, eu quero saber sobre a criação do Pokémon, quem foi o criador, história do anime e sobre o jogo PokemonGO.

Desenho de interface do usuário

Protótipo de baixa fidelidade

Protótipo de alta fidelidade

---

4. Objetivos de aprendizagem✅

• Uso de HTML semântico
• Uso de seletores de CSS
• Modelo de caixa (box model): borda, margem, preenchimento
• Uso de flexbox e grid em CSS
• Uso de seletores de DOM
• Manipulação de eventos de DOM (listeners, propagação, delegação)
• Arrays (arranjos)
• Objetos (key, value)
• Variáveis (declaração, atribuição, escopo)
• Diferenciar entre tipos de dados primitivos e não primitivos
• Uso de condicionais (if-else, switch, operador ternário, lógica booleana)
• Funções (params, args, return)
• Testes unitários (unit tests)

---

5. Tecnologias Utilizadas✅