Nuestra PokeData fue pensaba en ser amigable e intuitiva con los usuarios fanáticos de Pokémon, dándoles una experiencia similar a la de los personajes en la serie de Pokémon.
Para poder trabajar de manera más transparente se hizo una recolección de datos y opiniones de donde se plasmaron las Historias de Usuario para diseñar la página. La idea principal fue desarrollar una "Pokedex" y mantener su experiencia con la serie.
Se desarrollaron las HU en base a la encuesta y los resultados. Y se diseñaron en Figma para una mejor visualización de su desarrollo.
Desarrollamos el diseño de baja fidelidad en borrador.
Desarrollamos el diseño de alta fidelidad en Figma, guiandonos de las Historias de Usuario.
- Javascript
- HTML
- CSS
Diseño final del proyecto. En aspectos generales, es una copia casi fiel de nuestro protótipo de Figma. Tenemos 2 pestañas una principal que cuenta con 3 botones que nos redireccionan a diferentes páginas para el usuario y la segunda muestra 4 filtros como tipo, generación, de ordenamiento (ascendente y descendente) y por ultimo el filtro por nombre.
- Usa VanillaJS.
- Pasa linter (
npm run pretest) - Pasa tests (
npm test) - Pruebas unitarias cubren un mínimo del 70% de statements, functions y lines y branches.
- Incluye Definición del producto clara e informativa en
README.md. - Incluye historias de usuario en
README.md. - Incluye sketch de la solución (prototipo de baja fidelidad) en
README.md. - Incluye Diseño de la Interfaz de Usuario (prototipo de alta fidelidad)
en
README.md. - Incluye link a Zeplin en
README.md. - Incluye el listado de problemas que detectaste a través de tests de
usabilidad en el
README.md. - UI: Muestra lista y/o tabla con datos y/o indicadores.
- UI: Permite ordenar data por uno o más campos (asc y desc).
- UI: Permite filtrar data en base a una condición.
- UI: Es responsive.