- 1. Definición del producto
- 2. Resumen del proyecto
- 3. Objetivo Principal
- 4. Consideraciones generales
- 5. Criterios de aceptación mínimos del proyecto
- 6. Consideraciones técnicas
Data Lovers es una página web que permite visualizar e interactuar con un set de datos y está enfocada en las necesidades del usuario que quiera conocer acerca de los Pokemones de Pokemon Go y sus caracteristicas.
Es una página fácil de usar, intuitiva y entendible para el usuario.
PokeLovers muestra la data en forma de tarjetas y permite que el usuario filtre por tipo de Pokemon y ordene por número y nombre en orden ascendente y descendente. Además muestra dentro del contenido de la tarjeta la sumatoria y promedio de sus estadisticas base: Ataque, Defensa y Estamina.
El objetivo principal de este proyecto es aprender a diseñar y construir una interfaz web donde se pueda visualizar y manipular data, entendiendo lo que el usuario necesita.
-
Este proyecto se resolvió en dupla:
Desarrolladoras:
- Ana Margarita García
- Angélica Losada
Una vez entendidas las necesidades de nuestros usuarios, se describen las Historias de Usuario en nuestro tablero de Trello, representando todo lo que el usuario quiere hacer y ver, como resultado de una breve investigación.
Cada una de las Historias de Usuario especifican la Definición de terminado (definition of done) y los Criterios de Aceptación.
-
Se muestra la data en una interfaz replicando una tarjeta.
-
Permite al usuario interactuar para obtener la infomación que necesita filtrando por tipo de Pokemon y ordenando por número y nombre de manera ascendente y descendente.
-
Es responsive.
-
La interfaz sige los fundamentos de visual design.
Incluye Pruebas Unitarias (tests) para las funciones encargadas de procesar, filtrar, ordenar la data, y adicionar informacion como la sumatoria y el promedio de las estadisticas base de cada Pokemon a cada una de sus tarjetas.
Las pruebas unitarias dan una cobertura del 100% de statements,
functions, lines, y _branches_del archivo src/data.js que contiene las funciones.
La lógica del proyecto esta implementada completamente en JavaScript (ES6), HTML y CSS. No contiene frameworks, solo vanilla JavaScript.