diff --git a/Bienvenida.jpeg b/Bienvenida.jpeg new file mode 100644 index 00000000..08db642b Binary files /dev/null and b/Bienvenida.jpeg differ diff --git a/Data.jpeg b/Data.jpeg new file mode 100644 index 00000000..22d22e41 Binary files /dev/null and b/Data.jpeg differ diff --git a/Edad.jpeg b/Edad.jpeg new file mode 100644 index 00000000..1f5232de Binary files /dev/null and b/Edad.jpeg differ diff --git a/Filtros.jpeg b/Filtros.jpeg new file mode 100644 index 00000000..d84f72b5 Binary files /dev/null and b/Filtros.jpeg differ diff --git a/Fondo1.jpg b/Fondo1.jpg new file mode 100644 index 00000000..f35ad74d Binary files /dev/null and b/Fondo1.jpg differ diff --git a/Genero.jpeg b/Genero.jpeg new file mode 100644 index 00000000..4a656883 Binary files /dev/null and b/Genero.jpeg differ diff --git a/GreatVibes-Regular.ttf b/GreatVibes-Regular.ttf new file mode 100644 index 00000000..1509c0a8 Binary files /dev/null and b/GreatVibes-Regular.ttf differ diff --git a/Imagenes/bienvenida.png b/Imagenes/bienvenida.png new file mode 100644 index 00000000..494779ba Binary files /dev/null and b/Imagenes/bienvenida.png differ diff --git a/Ordenamiento.jpeg b/Ordenamiento.jpeg new file mode 100644 index 00000000..86d4d67e Binary files /dev/null and b/Ordenamiento.jpeg differ diff --git a/Pagina.jpeg b/Pagina.jpeg new file mode 100644 index 00000000..7fe7dd4d Binary files /dev/null and b/Pagina.jpeg differ diff --git a/README.md b/README.md index c717e841..9d6fd1e9 100644 --- a/README.md +++ b/README.md @@ -2,971 +2,116 @@ ## Índice -* [1. Preámbulo](#1-preámbulo) -* [2. Resumen del proyecto](#2-resumen-del-proyecto) -* [3. Consideraciones generales](#3-consideraciones-generales) -* [4. Funcionalidades](#4-funcionalidades) -* [5. Consideraciones técnicas](#5-consideraciones-técnicas) -* [6. Criterios de aceptación mínimos del proyecto](#6-criterios-de-aceptación-mínimos-del-proyecto) -* [7. Hacker edition](#7-hacker-edition) -* [8. Objetivos de aprendizaje](#8-objetivos-de-aprendizaje) -* [9. Pistas, tips y lecturas complementarias](#9-pistas-tips-y-lecturas-complementarias) -* [10. Consideraciones para pedir tu Project Feedback](#10-consideraciones-para-pedir-tu-project-feedback) +* [1. Introduccion](#1-Introduccion) +* [2. Prototipo ](#2-Prototipo) +* [3. ¿Como usar Cuantos Cuentos?](#3-¿Como-usar-Cuantos-Cuanetos?) +* [4. Ejemplos de filtrado](#4-Ejemplos-de-filtros) +* +* [5. Instalacion](#5Instalacion) +* [6. Creditoso](#6Creditos) +* [7. Contacto](#7Contacto) +* [8. Estado de Proyecto](#8Estado-de-Proyecto) +* [9. Despedida](#9Despedida) *** -## 1. Preámbulo - -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. - -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 -las usuarias, necesitamos entender y procesar estos datos. Una manera simple de -hacerlo es creando _interfaces_ y _visualizaciones_. - -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 las -usuarias, al lado derecho. - -![pokemon-data-to-ui](https://user-images.githubusercontent.com/12631491/218505816-c6d11758-9de4-428f-affb-2a56ea4d68c4.png) - -## 2. Resumen del proyecto - -En este proyecto **construirás una _página web_ para visualizar un -_conjunto (set) de datos_** que vas a generar con [prompting](https://www.itmadrid.com/que-es-un-prompt-en-inteligencia-artificial-ia/). -Esta página web se adecuará a lo que descubras que tu usuaria -necesita. - -Además, en este proyecto utilizarás herramientas de -[inteligencia artificial](https://es.wikipedia.org/wiki/Inteligencia_artificial) -como [ChatGPT](https://openai.com/chatgpt), [ExplainDev](https://explain.dev/), -entre otras para generar un set de datos en un archivo javascript. - -El propósito de generar los datos en esta manera es brindarte la oportunidad de -adentrarte en el empleo de herramientas impulsadas por la inteligencia -artificial, así como en [técnicas de -prompting](https://learnprompting.org/es/docs/intro). - -Como entregable final tendrás una página web que permita **visualizar la data, -filtrarla, ordenarla y calcular alguna estadística**. Con estadística -nos referimos a distintos cálculos que puedes hacer con los datos para mostrar -información aún más relevante a las usuarias (promedio, el valor máximo -o mínimo, etc). - -## 3. Consideraciones generales - -* Este proyecto se debe resolver en duplas. -* El rango de tiempo estimado para completar el proyecto es de 4 a 5 Sprints. -* El tiempo estimado que deberías dedicar a la [generación de los datos](#generar-los-datos) - es de máximo un sprint. Además, al final del proyecto deberás presentar - un [screenshot del prompt utilizado](#prompt-utilizado). -* Si ves que te va a tomar más tiempo, - deberás utilizar los datos de ejemplo que los vas a encontrar en - esta ruta: `./src/data/dataset.js`. -* El proyecto será entregado subiendo tu código a GitHub (commit/push) y la - interfaz será desplegada usando [GitHub Pages](https://pages.github.com/). - -## 4. Funcionalidades - -Como entregable final tendrás una página web que permita **visualizar la data, -filtrarla, ordenarla y calcular alguna estadística**. - -Aquí definimos en más detalle las funcionalidades mínimas que debe tener: - -* La aplicación debe permitir a la usuaria ver los items de la data en una visualización, - que puede ser [tipo tarjetas](http://www.uxables.com/diseno-ux-ui/que-es-y-como-disenar-una-card/) - o cualquier otra forma que tú decidas como la adecuada (pero desde aquí - referimos a los items como "tarjetas"). **Cada una de las tarjetas debe estar - contenida en un elemento `
  • ` y estos a su vez contenido en - un elemento `