README PROYECTO DATA LOVERS
Título: Bienvenidos a la Pokédex Integrantes: Macarena González Carolina Paredes
Este proyecto tiene como objetivo visualizar una data de 251 Pokémon de las regiones de Johto y Kanto. Cada uno de los Pokémon se presenta en una tarjeta con su nombre, tipo, número, máx-cp y definición. Además nuestra web está hecha para que el usuario pueda interactuar con nuestra página, pudiendo realizar distintas acciones. Para ello creamos 3 selectores:
1 Buscar 2 Ordenar 3 Calcular
El primer selector permite elegir el tipo de Pokémon que se desea buscar. Los tipos de Pokémon disponibles pueden incluir fuego, agua, planta, eléctrico, etc.
El segundo selector permite ordenar la información de los Pokémon de manera ascendente o descendente (A-Z o Z-A). Por ejemplo, si el usuario selecciona "Ordenar de la A a la Z", la base de datos mostrará los Pokémon en orden alfabético según su elección. De lo contrario si el usuario selecciona "Ordenar de la Z a la A", la base de datos mostrará en orden invertido según elección.
El tercer selector permite realizar un cálculo de los 7 Pokémon con el cp más alto. ("max-cp" significa "puntos de combate máximos") y se refiere a la estadística que indica cuánto daño puede hacer un Pokémon en una batalla. Al seleccionar esta opción, la base de datos mostrará los 7 Pokémon con el "cp" más alto. En resumen, la base de datos de Pokémon descrita tiene 3 selectores que permiten al usuario buscar, ordenar y calcular información específica sobre los Pokémon. Es una herramienta útil para los fanáticos de Pokémon que desean obtener información precisa y detallada sobre sus criaturas favoritas.
La data de Pokémon se encuentra en el archivo pokemon.json. Los campos de cada registro son los siguientes:
Nombre: Nombre del Pokémon. Tipo: Tipo o tipos del Pokémon. Número: Número de la Pokédex correspondiente al Pokémon. max-cp: Puntos de Combate máximos del Pokémon. características: Características especiales del Pokémon.
Investigacion UX:
Los principales usuarios de nuestro proyecto son fanáticos de pokemon y del juego Pokémon Go. Con este proyecto podran visualizar, diferenciar, escoger al pokÉmon que los represente
Para diseñar nuestro prototipo de alta fidelidad, escogimos una paleta de colores relacionada con la imágen que utilizaríamos en el banner de la página web, y en base a eso la incluimos en el resto del proyecto.
https://paletadecolores.online/obtener-colores-de-imagen/
Se crean test para validar funciones utilizadas en el código, para el perfecto funcionamiento de la página.
Para finalizar nuestro proyecto, quisimos utilizar un efecto gradient a nuestra página web. Para ello, utilizamos "miami dolphins", con la siguiente combinación de colores:
