Skip to content

AlexVYard/DEV004-data-lovers

 
 

Repository files navigation

Data Lovers

Índice


1. Resumen del proyecto

Esta web nos permite visualizar una base de datos con los pokemons de las primeras 2 generaciones con su informacion correspondiente a Pokemon GO. Un trabajo de Alexandra F. Vega y Barbara de Villa.

2. Herramientas usadas

HTML

CSS

JavaScript

Control de Versiones (Git y GitHub)

3. Trabajo pre-codeo

Definición del producto

Una web para visualizar datos y facilitar el uso de la aplicacion de Pokemon Go.

Historias de usuario

Historias de usuario Criterios de Aceptación

Diseño de la Interfaz de Usuario

Prototipo de baja fidelidad

Prototipo de baja 1

Prototipo de alta fidelidad

Prototipo de alta 1 Prototipo de alta 2 Prototipo de alta 3

Testeos de usabilidad

No encontramos grandes problemas durante los testeos, pero gracias al feedback decidimos modificar la interfaz al diseño actual para tener una experiencia de usuario mas placentera y ordenada

4. Funcionalidad de la Interfaz

1. Caracteristicas principales

  • La interfaz esta dividida en 2 secciones importantes, en una podemos visualizar la informacion con tarjetas y la otra en forma de tabla.
  • En la seccion de tarjetas podemos ver la imagen numero nombre, y tipos de cada pokemon.
  • En la seccion con la tabla tenemos los mismos datos pero tambien incluyen debilidades, resistencias, Km para incubar huevos y el numero de caramelos necesarios para pasar a la siguiente evolucion.
  • Contamos con botones de filtrado por tipo, estos botones se pueden combinar para buscar pokemon que pertenezcan a 2 tipos distintos.
  • Tambien hay una caja de texto para ingresar el numero o el nombre de un pokemon y realizar su busqueda.
  • Al buscar un nombre podemos visualizar todos los pokemon de la linea evolutiva del pokemon buscado.
  • El header para los nombres y numeros es usado como boton para ordenar las columanas en ascendente o descendente.

2. Descripción de scripts / archivos

  • src/index.html: Punto de entrada a la aplicación.
  • src/style.css: Reglas de estilo
  • src/main.js: Codigo para interactuar el el DOM y funcionalidad basica de la interfaz.
  • src/data.js: Codigo con la funcion para ordenar columnas y la funcion de filtrado por tipo.
  • src/data/pokemon/pokemon.js: Base de datos usada en el proyecto.
  • test/data.spec.js: Tests que se uso para verficar el codigo.
  • README.md: Explicacion del producto.
  • src/img: Imagenes usadas en la interfaz y el readme.

5. Recursos

Software Usado

Referencias

About

Visualización de base de datos para ayudar a jugadores de Pokémon Go.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 96.8%
  • CSS 2.4%
  • HTML 0.8%