Pokélovers

Você deve estar se perguntando: Mas, afinal, o que é Pokélovers??

Como dizia a sábia Atendente Natália,

Senhora tenha calma...

Índice

• A iniciativa
• Status do Projeto
• O que oferecemos ao usuário
• Desenvolvedoras
• O processo
• Organização
• Histórias de usuários
• Prototipação
• Aplicação em uso
• Testes de usabilidade
• Contribuidores
• Linguagens e Ferramentas

---

💡 A iniciativa:

Pokélovers é um projeto que foi criado dentro do bootcamp da Laboratória. Com o intuito de melhor atender as necessidades de seus usuários, Pokélovers traz em seu conteúdo informações essenciais para um Mestre Pokémon em sua Jornada.

---

🚩 Status do Projeto:

Finalizado 🎉

---

👥 O que oferecemos ao usuário?

• Introdução ao Universo Pokémon;
• Menu para facilitar a navegação;
• Filtragem por nomes de pokémons;
• Filtragem por tipos de pokémons;
• Filtragem por ordenação Alfabética crescente;
• Filtragem por ordenação Alfabética decrescente;
• Filtragem por ordem numérica;
• Cálculo agregado do percentual de tipos de pokémons;
• Pokémons em um catálogo de fácil visualização;
• Cards interativos com informações de cada pokémon;
• Aplicação Responsiva

---

👯 Desenvolvedoras:

As alunas da turma SAP005 Juliana Silveira e Carina Rocha foram as responsáveis pelo desenvolvimento dessa Aplicação Web, bem como, o trabalho de pesquisa e interação com usuário.

---

📝 O Processo:

Durante 3 semanas trabalhamos no projeto proposto pela Lab, que consistia em:

Construir uma página web para visualizar um conjunto (set) de dados que se adeque às necessidades de seu usuário. Permita visualizar dados, filtrá-los, ordená-los e fazer algum cálculo agregado.

Foi proposto três temas: League of Legends, Rick and Morty e Pokémon.

Pokémon, o escolhido foi você!!!

📁 Organização:

O método de organização adotado foi o Kanbam, no qual utilizamos da ferramenta Trello para organizar todo o processo de desenvolvimeto do projeto.

💁 Histórias de usuários:

A interação entre Desenvolvedoras e usuários foi feita atráves de pesquisas, no qual utilizamos o Google Docs para saber mais sobre as necessidades do publico alvo. Feito isso, pudemos mapear e adicionar ao Trello para visualizar com mais facilidade durante todo o período de desenvolvimento.

✏️ Prototipação:

A princípio foi feito um protótipo de baixa fidelidade para tornar mais claro a primeira ideia da página e obter validação com usuário.

---

✔️Aplicação em uso:

Home da página - conta com uma animação de abertura e um menu de navegação

Menu de navegação - conta com itens de redirecionamento para o conteúdo da página (Início, Sobre e Pokémons).

Conteúdo com introdução ao universo Pokémon - Conta com informações sobre o que é Pokémon, sua Animação e Jogo. Também conta com nuvens animadas para trazer o toque lúdico desse Universo

Redirecionamento para área com o catálogo de Pokémon e filtros.

Lupa de pesquisa- Conta com três áreas que possibilitam a filtragem dos pokémons. Uma por digitação do nome do personagem.

Por ordenação - Alfabética crescente, decrescente e por ordem numérica de 0-251.

Por tipo de pokémon- Conta com 18 tipos de pokémons e uma opção para puxar todos os 251 personagens.

A filtragem por Tipo possibilita a visualização da porcentagem de pokémons do tipo selecionado

O catálogo - Conta com informações na frente dos cards e após o seu flip, é possivel ver as demais informações sobre o pokémon no verso.

---

Olhando assim nem parece que tivemos problemas, né?!

Quem dera!

---

💥 Testes de usabilidade:

Durante os testes de usabilidade nos deparamos com alguns pontos de melhorias, foram eles:

• Ajustes na responsividade;
• O catálogo apresentava problemas no flip
• O filtro por nome não tinha uma pesquisa otimizada.

---

💎 Contribuidores:

Esse projeto não teria sido concluido sem ajuda de :

Evelise 💻💛

Isabella 💻📆💛

Cíntia 💻💛

Gabriel 💻💛

Juliana 💻💛

Monica 📆💛

Obrigada, Laboratória!!!

---

💻 Linguagens e Ferramentas:

• Visual Studio
• Git Bash
• Git Hub
• CSS
• HTML
• JavaScript
• Markdown