Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
26 commits
Select commit Hold shift + click to select a range
0b5d033
instalacion dependencias
Nfaundez Oct 24, 2022
6cf4001
Agregar archivo de prueba
catalinaordenes Oct 25, 2022
1babf63
Merge pull request #1 from catalinaordenes/main
Nfaundez Oct 25, 2022
5f6296f
ensayo
Nfaundez Oct 25, 2022
8553626
Merge branch 'main' of https://github.com/Nfaundez/DEV001-data-lovers
Nfaundez Oct 25, 2022
f4ca970
estructura basica html y css
Nfaundez Oct 25, 2022
b7825a3
Primera historia de usuario
catalinaordenes Nov 7, 2022
d9e68c6
Merge pull request #2 from catalinaordenes/main
Nfaundez Nov 7, 2022
a8576f9
Âboton desplegado y tipos pokemon
Nfaundez Nov 9, 2022
499e4f5
cambios boton desplegado
Nfaundez Nov 11, 2022
69a3286
Comienzo de la etapa de filtrado del array nuevo con los pokemones de…
catalinaordenes Nov 15, 2022
ac26de0
Merge pull request #3 from catalinaordenes/main
Nfaundez Nov 15, 2022
a3fec61
Desarrollo de la 2da historia de usuario, se realizaron los test corr…
catalinaordenes Nov 18, 2022
8f31d97
Desarrollo de la 2da historia de usuario, se realizaron los test
catalinaordenes Nov 18, 2022
5e25b4e
Merge pull request #4 from catalinaordenes/main
catalinaordenes Nov 18, 2022
459a280
Filter con includes y sort de la AZ / ZA
catalinaordenes Nov 21, 2022
35d060e
Merge pull request #5 from catalinaordenes/main
Nfaundez Nov 21, 2022
65305c5
Filtros y orden listos y testeados, ahora estamos en la etapa de crea…
catalinaordenes Nov 23, 2022
35d7ed1
Merge pull request #6 from catalinaordenes/main
Nfaundez Nov 23, 2022
8e1d27b
search listo
Nfaundez Nov 28, 2022
59f3564
Test del buscador, últimos detalles en css y últimos cambios en el có…
catalinaordenes Nov 28, 2022
b97d487
Merge pull request #7 from catalinaordenes/main
Nfaundez Nov 29, 2022
636881e
Update README.md
catalinaordenes Nov 29, 2022
8dcc518
Update README.md
Nfaundez Nov 29, 2022
f9a6f61
Update README.md
Nfaundez Nov 29, 2022
4801464
Update README.md
Nfaundez Nov 29, 2022
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
58 changes: 43 additions & 15 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

## Índice

* [1. Preámbulo](#1-preámbulo)
* [1. Data Lovers-Pokemon]
* [2. Resumen del proyecto](#2-resumen-del-proyecto)
* [3. Objetivos de aprendizaje generales](#3-objetivos-de-aprendizaje-generales)
* [4. Consideraciones generales](#4-consideraciones-generales)
Expand All @@ -15,23 +15,52 @@

***

## 1. Preámbulo
## 1. Data Lovers - Pokemon

Según [Forbes](https://www.forbes.com/sites/bernardmarr/2018/05/21/how-much-data-do-we-create-every-day-the-mind-blowing-stats-everyone-should-read),
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.
Bienvenidxs a la Pokedex de Kanto !

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_.
Pokemon es una serie que sigue las aventuras de un impetuoso y joven entrenador llamado Ash Ketchum, y de Pikachu, su compañero Pokémon, mientras viajan por el mundo Pokémon visitando destinos exóticos, conociendo a montones de personas y Pokémon nuevos e interesantes, y viviendo muchas y emocionantes aventuras.
La primera Gran aventura comienza en la isla de Kanto, la cual tomamos como inspiración para nuestro proyecto.
Para los fanáticos nostálgicos de esta serie y también para los nuevos aficionados a la serie y jugadores de pokémon go, hemos creado esta página que engloba la primera generación y todos los pokemones de la primera pokedex (Kanto).

En la siguiente imagen, podrás ver cómo con la data que que se ve en la parte
izquierda se puede construir una interfaz amigable y entendible por el usuario
al lado derecho.

![json-interfaz](https://lh4.googleusercontent.com/Tn-RPXS26pVvOTdUzRT1KVaJ-_QbFs9SpcGLxSPE43fgbHaXtFgMUInuDt7kV41DkT1j8Tt29V0LxQW7SMtC6digOIhfTXSBKdwI08wUwhD3RAqlwy0hjfmhZ2BFe91mtmCSEqysfgk)
Nuestro proyecto de página web es capaz de filtrar, ordenar y buscar la data requerida, de acuerdo a las necesidades de nuestros usuarios, recopiladas en de 4 historias de usuario, descritas a continuación:

Historia 1: Yo como aficionado a Pokémon desde sus inicios,quiero entrar a una página donde pueda visualizar los pokemones de la primera generación, para reconocer todos los pokemones de la primera pokedex, que es la de"kanto".

Historia 2: Yo como fanático de Pokémon, quiero poder seleccionar los tipos de pokemones que hay en la pokedex de kanto, para filtrarlo y visualizarlos por su o sus tipos.

Historia 3: Yo siendo seguidor y aficionado a Pokémon primera generación, quisiera ordenar por nombre de la A a la Z y de la Z a la A, para buscarlos más fácilmente.

Historia 4: Yo como jugador de Pokémon, me gustaría poder buscar los pokemones por su nombre, y así facilitar encontrar el que necesito conocer.

De estas historias de usuario, nacen los prototipos para comprender y establecer una estructura:

## Prototipo de baja fidelidad
para entender jerarquías y visualizaciones básicas a través de un dibujo simple .


[![Whats-App-Image-2022-11-28-at-1-48-22-PM.jpg](https://i.postimg.cc/Xq8k9jfW/Whats-App-Image-2022-11-28-at-1-48-22-PM.jpg)](https://postimg.cc/bSZnhjVV)

## Prototipo de alta fidelidad
Aquí pudimos establecer nuestra meta en base a nuestras aspiraciones tanto en lo visual como en lo funcional. Este prototipo fue hecho a través de
Figma, donde logramos conocer las diversas ventajas de trabajar con esta página y el método Agile.


[![Whats-App-Image-2022-11-29-at-1-40-58-PM.jpg](https://i.postimg.cc/RFQgT5KM/Whats-App-Image-2022-11-29-at-1-40-58-PM.jpg)](https://postimg.cc/9R0PWkLS)
[![Whats-App-Image-2022-11-29-at-1-39-51-PM.jpg](https://i.postimg.cc/k4dj8XV1/Whats-App-Image-2022-11-29-at-1-39-51-PM.jpg)](https://postimg.cc/67YLxKfn)

link: https://www.figma.com/file/FZ8pyEUhHMAMDxzR9lRc6Y/Prototipo-Datalovers%2FPokemon?node-id=20%3A147&t=4Zm9uENqEClGmN96-1

## Listado de errores de usabilidad encontrados
- Cuando entro los pokemon estan ordenados por numero, después las opciones de orden me da a-z y z-a pero no puedo volver al original por número.

- Cuando selecciono algún tipo, por ejemplo planta, y pongo ordenar se vuelven a poner todos los pokemon. No se ordenan solo los tipo planta.

- Pasa lo mismo con buscar, busca dentro de todos, no solo el tipo que está seleccionado.

- Si vuelvo el dropdown a "Por tipo" desaparecen todos los pokemon.


## 2. Resumen del proyecto

Expand Down Expand Up @@ -92,7 +121,6 @@ El objetivo principal de este proyecto es que aprendas a diseñar y construir un
interfaz web donde se pueda visualizar y manipular data, entendiendo lo que el
usuario necesita.


## 3. Objetivos de aprendizaje generales

Como continuación del Proyecto 1, volverás a trabajar sobre fundamentos de JavaScript, objetos y arreglos, manipulación básica del DOM, fundamentos de HTML y CSS.
Expand Down
Loading