Según Forbes, el 90% de la data que existe hoy ha sido creada durante los últimos dos años. Cada día generamos 2.5 millones de terabytes de datos, una cifra sin precedentes.

No obstante, los datos por sí mismos son de poca utilidad. Para que esas grandes cantidades de datos se conviertan en información fácil de leer para los usuarios, necesitamos entender y procesar estos datos. Una manera simple de hacerlo es creando interfaces y visualizaciones.

Este proyecto es una página web en donde el usuario puede visualizar cards de 251 Pokémon de las primeras generaciones Johto y Kanto. También puede ordenar de forma alfabética o filtrar los Pokémon por tipo y resistencia. Es una página responsive, puede ser visualizada en Desktop, Tablet y Smartphone. El usuario también dispone de una sección de estadísticas generales con su correspondiente visualización gráfica.

Fue prototipada en Figmaa y desarrollada con HTML, CSS y vanilla Javacript.

Investigamos con una encuesta a jugadores del famoso juego pokemon GO! cuáles serían las características más relevantes que debería tener nuestra web para que la visitaran y fuera de utilidad para su desempeño en el juego.

Resultado de nuestra investigación pudimos definir las Historias de usuario principales para el desarrollo de nuestro website

Cada historia de usuario fue creada con su definición de terminado y sus criterios de aceptación

Yo como usuario de Pokémon Go! quiero ver a todos los personajes en la pantalla para conocerlos.

• Cada pokémon debe estar en un recuadro o sección diferente,
• Cada recuadro debe contener la imagen, el nombre y el número de ese Pokemon
• Al pasar el cursor se debe resaltar el recuadro seleccionado
• Puedo verlo bien en mi celular y tableta

• Que se rendericen todos los personajes en la pantalla
• Que cada uno de los personajes se encuentre dentro de una tarjeta con su nombre, numero e imagen
• Que las tarjetas de encuentre ordenadas en un retícula uniforme
• Que cuando el cursos se ubique en alguna de las tarjetas esta cambie de color o se ilumine
• Que la página sea responsive

Yo como usuario novato quiero ordenar a los pokémon de manera alfabetica en la pokedex para saber cuales son los que me falta por capturar.

• Debe existir un botón para ordenar de manera ascendente
• Debe existir un botón para ordenar de manera descendente

• El botón ordenar AZ debe mostrar a los Pokémon de manera ascendente
• El botón ordenar AZ debe mostrar a los Pokémon de manera Descendente

Yo como jugador nivel avanzado en Pokemon Go, quiero que la página muestra una opción para filtrar los Pokemon por Tipo y Resistencia para elegir de mejor manera un pokemon en las batallas

• Debe mostrarse un botón que despliegue los tipos de pokemon
• Debe existir un botón que despliegue los pokemones por resistencia.

• Debe existir un botón tipo dropdown que despliegue las opciones de tipo
• Debe existir un botón tipo dropdown que despliegue las opciones de resistencia
• Cuando el cursor esté sobre un tipo, este deberá iluminarse
• Que se quedé iluminada la opción seleccionada
• Deben mostrarse todos los pokemon correspondientes a la selección hecha por el usuario