diff --git a/README.md b/README.md
index c717e841..7d745b00 100644
--- a/README.md
+++ b/README.md
@@ -332,312 +332,184 @@ npm run test:oas // Esto es para correr todos los tests de OAs
 
 * **Uso de HTML semántico**
 
-  - [ ] Tiene un `<header>` con `<h1>`
-  - [ ] Tiene un `<footer>`
-  - [ ] Tiene un `<main>` con `<h2>`
-  - [ ] Todas las etiquetas de controles (inputs, selects, radio, etc) tienen `<label>`
-  - [ ] `<ul>` esta usado para dibujar la data
-  - [ ] Los hijos de `<li>` usan attributos de microdata `itemscope` e `itemprop`
+  - [x] Tiene un `<header>` con `<h1>`
+  - [x] Tiene un `<footer>`
+  - [x] Tiene un `<main>` con `<h2>`
+  - [] Todas las etiquetas de controles (inputs, selects, radio, etc) tienen `<label>`
+  - [] `<ul>` esta usado para dibujar la data
+  - [x] Los hijos de `<li>` usan attributos de microdata `itemscope` e `itemprop`
 
 #### CSS
 
 * **Uso de selectores de CSS**
 
-  - [ ] Uso de selector class para los items <li>
-  - [ ] Uso de flexbox en sentido `row` y `column`
-  - [ ] Uso de flexbox para el elemento que contiene los items
-  - [ ] Uso de flexbox para el elemento que contiene los UI inputs
+  - [x] Uso de selector class para los items <li>
+  - [x] Uso de flexbox en sentido `row` y `column`
+  - [x] Uso de flexbox para el elemento que contiene los items
+  - [x] Uso de flexbox para el elemento que contiene los UI inputs
 
 #### Web APIs
 
 * **Uso de selectores del DOM**
 
-  - [ ] La aplicación usa [`querySelector`](https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector)
+  - [x] La aplicación usa [`querySelector`](https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector)
     para buscar los elementos del DOM
   
 * **Manejo de eventos del DOM (listeners, propagación, delegación)**
 
-  - [ ] `addEventListener` con callback que tiene parámetro de `event`,
+  - [x] `addEventListener` con callback que tiene parámetro de `event`,
     lo que permite el uso del objeto [`event`](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#event_objects)
     con `event.target` o `event.currentTarget`
-  - [ ] La aplicación registra [Event Listeners](https://developer.mozilla.org/en/docs/Web/API/EventTarget/addEventListener)
+  - [x] La aplicación registra [Event Listeners](https://developer.mozilla.org/en/docs/Web/API/EventTarget/addEventListener)
     para escuchar `click`, `change`, `keyup` dependiendo del evento que
     se quiere escuchar
 
 * **Manipulación dinámica del DOM**
 
-  - [ ] La aplicación actualiza el atributo [`innerHTML`](https://developer.mozilla.org/es/docs/Web/API/Element/innerHTML).
-  - [ ] La aplicación usa `createElement` y `appendChild`, o template strings
+  - [x] La aplicación actualiza el atributo [`innerHTML`](https://developer.mozilla.org/es/docs/Web/API/Element/innerHTML).
+  - [x] La aplicación usa `createElement` y `appendChild`, o template strings
     para crear elementos
 
 #### JavaScript
 
 * **Variables (declaración, asignación, ámbito)**
 
-  - [ ] La aplicación declara variables con [`let`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let)
+  - [x] La aplicación declara variables con [`let`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let)
     y [`const`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/const)
     en manera adecuada
 
 * **Uso de condicionales (if-else, switch, operador ternario, lógica booleana)**
 
-  - [ ] La aplicación usa el statement
+  - [x] La aplicación usa el statement
     [`if..else`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if...else)
       para evaluar condiciones
 
 * **Uso de bucles/ciclos (while, for, for..of)**
 
-  - [ ] La aplicación usa el statement [`for`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for)
+  - [x] La aplicación usa el statement [`for`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for)
     o método [`forEach`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach)
     para iterar
 
 * **Funciones (params, args, return)**
 
   En el archivo `dataFunctions.js` define las siguientes funciones:
-  - [ ] una función `sortBy` que tiene 3 parámetros (`data`, `sortBy`, `sortOrder`)
+  - [x] una función `sortBy` que tiene 3 parámetros (`data`, `sortBy`, `sortOrder`)
     y devuelve el arreglo ordenado
-  - [ ] una función `filterBy` que tiene 3 parámetros (`data`, `filterBy`, `value`)
+  - [x] una función `filterBy` que tiene 3 parámetros (`data`, `filterBy`, `value`)
     y devuelve el arreglo filtrado
-  - [ ] una función `computeStats` que tiene al menos un parámetro (`data`)
+  - [x] una función `computeStats` que tiene al menos un parámetro (`data`)
     y devuelve un valor computado
 
   Más sobre estos puntos en [la sección dataFunctions.js](#src/dataFunctions.js)
 
 * **Arrays (arreglos)**
 
-  - [ ] Uso de [Arreglos](https://curriculum.laboratoria.la/es/topics/javascript/04-arrays)
-  - [ ] Uso de [Array.prototype.sort() - MDN](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)
+  - [x] Uso de [Arreglos](https://curriculum.laboratoria.la/es/topics/javascript/04-arrays)
+  - [x] Uso de [Array.prototype.sort() - MDN](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)
     o [Array.prototype.toSorted - MDN](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/toSorted)
-  - [ ] Uso de [Array.prototype.forEach() - MDN](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach)
-  - [ ] Uso de [Array.prototype.map() - MDN](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/map)
-  - [ ] Uso de [Array.prototype.filter() - MDN](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/filter)
-  - [ ] Uso de [Array.prototype.reduce() - MDN](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce)
+  - [x] Uso de [Array.prototype.forEach() - MDN](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach)
+  - [x] Uso de [Array.prototype.map() - MDN](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/map)
+  - [x] Uso de [Array.prototype.filter() - MDN](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/filter)
+  - [x] Uso de [Array.prototype.reduce() - MDN](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce)
 
 * **Objetos**
 
-  - [ ] Uso de notación de punto para [acceder propiedades](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Property_accessors)
-  - [ ] Uso de notación de brackets para [acceder propiedades](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Property_accessors)
+  - [x] Uso de notación de punto para [acceder propiedades](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Property_accessors)
+  - [x] Uso de notación de brackets para [acceder propiedades](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Property_accessors)
 
 * **Módulos de ECMAScript (ES Modules)**
 
-  - [ ] La aplicación usa [`import`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import)
+  - [x] La aplicación usa [`import`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import)
     y [`export`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export)
     para importar y exportar valores desde un modulo JavaScript.
 
 ### Criterios del proyecto
 
 #### Definición del producto
+##### Tema
 
-Documenta brevemente tu trabajo en el archivo `README.md` de tu repositorio,
-contándonos cómo fue tu proceso de diseño y cómo crees que el producto resuelve
-el problema (o problemas) que tiene tu usuaria.
+Galería de Obras de arte
+##### Necesidades de los usuarios
+
+Los usuarios quieren una página donde puedan consultar obras de arte cómodamente y rápido mediante filtros, por ejemplo buscar por orden alfabético, por corriente artística  y por artistas.
 
 #### Historias de usuario
 
-Una vez que entiendas las necesidades de tus usuarias, escribe las [Historias
-de Usuaria](https://es.wikipedia.org/wiki/Historias_de_usuario) que representen
-todo lo que la usuaria necesita hacer/ver. Las **Historias de Usuario** deben
-ser el resultado de tu proceso de investigación o _research_ de tus usuarias.
+Se crearon las historias de usuario para ir trabajando por sprint. Ejemplo de la primer historia de usuario:
+Historia de Usuario
+**Como** (descripcion del usuario) persona interesada en el arte
+**Quiero** (Funcionalidad)__ poder ver obras de arte a modo de tarjetas
+**Para** (beneficio): __Explorarlas fácilmente
+**Criterios de aceptación**
+• Las tarjetas deben mostrar una imagen de la obra de arte, el título de la obra, el nombre del artista
+• Las tarjetas deben ser de tamaño uniforme y estar dispuestas en una cuadrícula.
+Aceptación: Definition of done
+• Se considerará terminada cuando las tarjetas muestren la información requerida.
+
+#### Generar los datos
+La temática elegida es Obras de Arte
+
 
-Asegúrate de incluir la definición de terminado (_definition of done_) y los
-Criterios de Aceptación para cada una.
 
-Usa tus historias de usuario para planificar tus sprints dividiendo
-cada historia en tareas.
 
-En la medida de lo posible, termina una Historia de Usuario antes de pasar
-a la siguiente (cumpliendo con la Definición de Terminado y los Criterios de Aceptación).
 
-#### Generar los datos
 
 La temática será a tu gusto, por ejemplo, pueden ser personajes importantes
 en la historia, personajes inventados, países, películas... etc.
 
-En el próximo proyecto, con la ayuda de la inteligencia artificial, deberás
-hacer que la usuaria pueda chatear con la data generada.
-Por ejemplo, si la data está mostrando un país, la usuaria podría
-preguntarle en que año fue fundado o cual es su capital, etc.
-Tenlo en cuenta a la hora de generar tu dataset.
-
-Esta data la vas a guardar en un archivo javascript. Este archivo,
-debe exportar un arreglo con 24 objetos. Y la estructura de cada objeto
-debe ser la siguiente:
+Los datos se guardaron en un archivo javascript. Este archivo exporta
+un arreglo con 24 objetos. Y la estructura de cada objeto
+debe es la siguiente:
 
 * `id`: Identificador único (no pueden haber dos elementos con el mismo `id`).
   Debe ser un string de no más de 32 characteres, en minúscula, compuesto solo
-  por letras, números, underscore (`_`) o guión (`-`). Por ejemplo: `"ada-lovelace"`.
-* `name`: El nombre del personaje, país, película, etc.
-* `shortDescription`: Descripción corta del elemento. Esta descripción deberá
-  tener como máximo 20 palabras.
-* `description`: Descripción extendida del elemento. Esta descripción deberá
-  tener entre 80 y 100 palabras. Al momento de mostrar este dato en pantalla
-  puedes truncarlo para que no ocupe tanto espacio.
-* `imageUrl`: URL de la imagen. Esta imagen será generada a través de alguna
-  herramienta basada en inteligencia artifical. Una vez generada la imagen,
-  y guardada en tu repo, deberás agregar la URL en este campo.
-* `facts`: Un objeto con al menos **3** "hechos" o "info" sobre este elemento, en
-  formato `"nombre": "valor"`, por ejemplo:
-
-  ```json
-  "facts": {
-    "yearOfBirth": 1843,
-    "placeOfBirth": "London, England",
-    "mainField": "Computer Science",
-  }
-  ```
-
-  Los _nombres de las propiedades_, deben estar en formato _camelCase_.
-  Por ejemplo **ninguno** de los siguientes nombres sería válido:
-
-  ```json
-  "facts": {
-    "year_of_birth": 1843,
-    "Place of Birth": "London, England",
-    "MainField": "Computer Science",
-  }
-  ```
-
-  Los _valores de las propiedades_, sólo pueden ser de tipo `number`, `boolean`
-  o un `string` de no más de 64 caracteres (este **no** tiene restricciones sobre
-  el tipo de caracteres que puede contener).
-
-  Y por último ten en cuenta 2 cosas:
-  - Todos los elementos del dataset deben compartir las mismas propiedades en
-    `facts`, es decir, que si un elemento tiene una propiedad `yearOfBirth`,
-    el resto de elementos del array también deben tener esa propiedad.
-  - No es necesario que los nombres de las propiedades estén en inglés,
-    `"lugarDeNacimiento"` es un nombre igual de válido.
-
-* `extraInfo`: Y por último un campo libre opcional, similar a `facts`. Si lo
-  necesitas, aquí puedes poner cualquier otro tipo de información en formato
-  donde puedes poner otra info que necesites en formato `"nombre": "valor"`,
-  pero sin restricciones sobre el tipo de dato del valor. Por ejemplo:
-
-  ```json
-  "extraInfo": {
-    "imagePrompt": "Un texto bien, bien largo...",
-    "writings": [
-      "Vol. 1",
-      "Vol. 2",
-      "Vol. 3",
-      "Vol. 4"
-    ]
-  }
-  ```
+  por letras, números, underscore (`_`) o guión (`-`). Por ejemplo: `"noche-estrellada"`.
+* `name`: El nombre de la obra.
+* `shortDescription`: Descripción corta de la obra, de max 20 palabras. 
+* `description`: Descripción detallada de la obra. Esta descripción deberá
+  tener entre 80 y 100 palabras. 
+* `imageUrl`: URL de la imagen. 
+* `facts`: Fecha,  nombre del artista y movimiento artístico.
+  
+* `extraInfo`: Técnica y Estilo.
+  
 
-Un ejemplo de data, según los requisitos anteriores podría ser:
+Los datos están en el archivo:
+`./src/data/artdata.js`.
 
-```js
-export default [
-  {
-    "id": "ada-lovelace",
-    "name": "Ada Lovelace",
-    "shortDescription": "Pionera de la informática, fue la primera programadora.",
-    "description": "Una visionaria del siglo XIX ...",
-    "imageUrl": "URL_DE_LA_IMAGEN_GENERADA",
-    "facts": {
-      "yearOfBirth": 1843,
-      "placeOfBirth": "London, England",
-      "mainField": "Computer Science",
-    }
-  },
-  //... 23 objetos más
-]
-```
 
-La data generada deberás reemplazarla por el contenido de este archivo:
-`./src/data/dataset.js`.
-
-**El tiempo estimado que deberías dedicar a la generación de estos datos
-es de máximo un sprint.** Si transcurrido un sprint, no tienes un
-conjunto de datos generados, deberás
-utilizar los datos de ejemplo ubicados en la ruta:
-`./src/data/dataset.js`.
-
-Las URLs de las imágenes dentro del archivo javascript, deben enlazar
-a las imágenes para cada elemento del array.
-Estas imágenes pueden ser generadas por la inteligencia artificial o imágenes
-que puedas encontrar en la web.
-Para la generación de imágenes te recomendamos usar el
-[generador de imágenes de Bing](https://www.bing.com/create).
-Una vez que tengas la imagen, descárgala u obtiene su URL, para agregársela
-al dataset.
-
-Una vez que tengas el archivo javascript completo, recuerda correr los test con
-`npm run test` para verificar que el archivo esté cumpliendo con lo
-solicitado.
-
-Una vez que hayas delimitado tu campo de interés y generado el archivo
-javascript con la asistencia de la inteligenica artificial, dedica
-tiempo a comprender a fondo a tu usuaria y sus
-necesidades específicas. A partir de esta comprensión, podrás diseñar la
-interfaz que facilite una interacción más efectiva y una comprensión más
-completa de los datos presentados.
 
 #### Prompt utilizado
 
-Dentro del readme que armarás, debe incluir una captura de pantalla
-de tu prompt utilizado para generar los datos. Si utilizaste varios prompts,
-puedes adjuntar todas las capturas que necesites.
+Se utilizó un prompt para generar los datos:
+![alt text](image.png)
+Para efectos de la base de datos se fueron generando las obras por nombre de artista. De manera que se obtiene un total de 24 obras.
+![alt text](image-1.png)
 
 #### Diseño de la Interfaz de Usuaria
+Bocetos iniciales de la interfaz de usuaria:
+![alt text](image-2.png)
 
 ##### Prototipo de alta fidelidad
 
-Usando los wireframes o bocetos (_sketches_) de tu solución de interfaz
-como base, lo siguiente es diseñar tu Interfaz de Usuaria (UI por sus
-siglas en inglés - _User Interface_). Para eso debes aprender a
-utilizar alguna herramienta de diseño visual.
-Nosotros te recomendamos [Figma](https://www.figma.com/) que es
-una herramienta que funciona en el navegador y, además, puedes crear una cuenta
-gratis. Sin embargo, eres libre de utilizar otros editores gráficos como
-Illustrator, Photoshop, etc.
-
-El diseño debe representar el _ideal_ de tu solución. Digamos que es lo que
-desearías implementar si tuvieras tiempo ilimitado para trabajar. Además, tu
-diseño debe seguir los fundamentos de _visual design_.
-
-Recuerda pedir feedback de tu prototipo a tus compañeras y/o coaches.
+El prototipo fue creado en Figma, tanto para desktop como para teléfonos móviles.
+https://www.figma.com/file/ZNw3k3LMWIG5G5F0D1e31R/Data-verse?type=design&node-id=0%3A1&mode=design&t=HlgrMWwKvhWJxVXC-1
 
 #### Testeos de usabilidad
 
-Durante el reto deberás hacer _tests_ de usabilidad con distintos usuarias,
-y con base en los resultados, deberás iterar tus diseños. Cuéntanos
-qué problemas de usabilidad detectaste a través de los _tests_ y cómo los
-mejoraste en tu propuesta final.
+A través del desarrollo del proyecto, encontramos que el diseño inicial no era agradable a la vista por la combinación de las imágenes de las obras de arte y la mezcla de color. Se cambió el diseño a colores neutros y sobrios. 
 
 #### Implementación de la Interfaz de Usuaria (HTML/CSS/JS)
 
-Luego de diseñar tu interfaz de usuaria deberás trabajar en su implementación.
-**No** es necesario que construyas la interfaz exactamente como la diseñaste.
-Tu tiempo de hacking es escaso, así que deberás priorizar.
-
-Revisa [las funcionalidades](#3-funcionalidades) que el proyecto pide del interfaz.
+Se realizó la página, con las funcionalidades establecidas en el diseño.
 
 #### Pruebas unitarias
 
-El _boilerplate_ de este proyecto no incluye Pruebas Unitarias (_tests_), así es
-que  tendrás que escribirlas tú para las funciones encargadas de  _procesar_,
-_filtrar_ y _ordenar_ la data, así como _calcular_ estadísticas. Este proyecto usa
-el framework [Jest](https://jestjs.io/) para ejecutar las pruebas unitarias por lo
-que te recomendamos consultar su documentación.
+Se crearon las pruebas para las funciones de filtrar, ordenar y la función estadística.
 
-Tus _pruebas unitarias_ deben dar una cobertura del 70% de _statements_
-(_sentencias_), _functions_ (_funciones_), _lines_ (_líneas_), y _branches_
-(_ramas_) del archivo `src/dataFunctions.js` que contenga tus funciones y
-está detallado en la sección de [Consideraciones técnicas](#src/data.js).
 
 ## 7. Hacker edition
 
-Las secciones llamadas _Hacker Edition_ son **opcionales**. Si **terminaste**
-con todo lo anterior y te queda tiempo, intenta completarlas. Así podrás
-profundizar y/o ejercitar más sobre los objetivos de aprendizaje del proyecto.
-
-Features/características extra sugeridas:
-
-* Visualizar la estadística calculada mediante un gráfico. Para
-  ello te recomendamos explorar librerías de gráficas como
-  [Chart.js](https://www.chartjs.org/)
-  o [Google Charts](https://developers.google.com/chart/).
 * 100% Coverage
 
 ## 8. Objetivos de aprendizaje
@@ -647,7 +519,7 @@ Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en t
 
 ### HTML
 
-- [ ] **Uso de HTML semántico**
+- [x] **Uso de HTML semántico**
 
   <details><summary>Links</summary><p>
 
@@ -657,7 +529,7 @@ Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en t
 
 ### CSS
 
-- [ ] **Uso de selectores de CSS**
+- [x] **Uso de selectores de CSS**
 
   <details><summary>Links</summary><p>
 
@@ -665,7 +537,7 @@ Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en t
   * [CSS Selectors - MDN](https://developer.mozilla.org/es/docs/Web/CSS/CSS_Selectors)
 </p></details>
 
-- [ ] **Modelo de caja (box model): borde, margen, padding**
+- [x] **Modelo de caja (box model): borde, margen, padding**
 
   <details><summary>Links</summary><p>
 
@@ -676,7 +548,7 @@ Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en t
   * [display - CSS Tricks](https://css-tricks.com/almanac/properties/d/display/)
 </p></details>
 
-- [ ] **Uso de flexbox en CSS**
+- [X] **Uso de flexbox en CSS**
 
   <details><summary>Links</summary><p>
 
@@ -687,7 +559,7 @@ Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en t
 
 ### Web APIs
 
-- [ ] **Uso de selectores del DOM**
+- [x] **Uso de selectores del DOM**
 
   <details><summary>Links</summary><p>
 
@@ -696,7 +568,7 @@ Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en t
   * [Localizando elementos DOM usando selectores - MDN](https://developer.mozilla.org/es/docs/Web/API/Document_object_model/Locating_DOM_elements_using_selectors)
 </p></details>
 
-- [ ] **Manejo de eventos del DOM (listeners, propagación, delegación)**
+- [x] **Manejo de eventos del DOM (listeners, propagación, delegación)**
 
   <details><summary>Links</summary><p>
 
@@ -706,7 +578,7 @@ Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en t
   * [El objeto Event](https://developer.mozilla.org/es/docs/Web/API/Event)
 </p></details>
 
-- [ ] **Manipulación dinámica del DOM**
+- [x] **Manipulación dinámica del DOM**
 
   <details><summary>Links</summary><p>
 
@@ -720,9 +592,9 @@ Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en t
 
 ### JavaScript
 
-- [ ] **Diferenciar entre tipos de datos primitivos y no primitivos**
+- [x] **Diferenciar entre tipos de datos primitivos y no primitivos**
 
-- [ ] **Arrays (arreglos)**
+- [x] **Arrays (arreglos)**
 
   <details><summary>Links</summary><p>
 
@@ -735,14 +607,14 @@ Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en t
   * [Array.prototype.reduce() - MDN](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce)
 </p></details>
 
-- [ ] **Objetos (key, value)**
+- [x] **Objetos (key, value)**
 
   <details><summary>Links</summary><p>
 
   * [Objetos en JavaScript](https://curriculum.laboratoria.la/es/topics/javascript/objects/objects)
 </p></details>
 
-- [ ] **Variables (declaración, asignación, ámbito)**
+- [x] **Variables (declaración, asignación, ámbito)**
 
   <details><summary>Links</summary><p>
 
@@ -750,7 +622,7 @@ Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en t
   * [Variables](https://curriculum.laboratoria.la/es/topics/javascript/basics/variables)
 </p></details>
 
-- [ ] **Uso de condicionales (if-else, switch, operador ternario, lógica booleana)**
+- [x] **Uso de condicionales (if-else, switch, operador ternario, lógica booleana)**
 
   <details><summary>Links</summary><p>
 
@@ -758,7 +630,7 @@ Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en t
   * [Tomando decisiones en tu código — condicionales - MDN](https://developer.mozilla.org/es/docs/Learn/JavaScript/Building_blocks/conditionals)
 </p></details>
 
-- [ ] **Uso de bucles/ciclos (while, for, for..of)**
+- [x] **Uso de bucles/ciclos (while, for, for..of)**
 
   <details><summary>Links</summary><p>
 
@@ -766,7 +638,7 @@ Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en t
   * [Bucles e iteración - MDN](https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Loops_and_iteration)
 </p></details>
 
-- [ ] **Funciones (params, args, return)**
+- [x] **Funciones (params, args, return)**
 
   <details><summary>Links</summary><p>
 
@@ -776,14 +648,14 @@ Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en t
   * [Funciones — bloques de código reutilizables - MDN](https://developer.mozilla.org/es/docs/Learn/JavaScript/Building_blocks/Functions)
 </p></details>
 
-- [ ] **Pruebas unitarias (unit tests)**
+- [x] **Pruebas unitarias (unit tests)**
 
   <details><summary>Links</summary><p>
 
   * [Empezando con Jest - Documentación oficial](https://jestjs.io/docs/es-ES/getting-started)
 </p></details>
 
-- [ ] **Módulos de ECMAScript (ES Modules)**
+- [x] **Módulos de ECMAScript (ES Modules)**
 
   <details><summary>Links</summary><p>
 
@@ -791,21 +663,21 @@ Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en t
   * [export - MDN](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Statements/export)
 </p></details>
 
-- [ ] **Uso de linter (ESLINT)**
+- [x] **Uso de linter (ESLINT)**
 
-- [ ] **Uso de identificadores descriptivos (Nomenclatura y Semántica)**
+- [x] **Uso de identificadores descriptivos (Nomenclatura y Semántica)**
 
-- [ ] **Diferenciar entre expresiones (expressions) y sentencias (statements)**
+- [x] **Diferenciar entre expresiones (expressions) y sentencias (statements)**
 
 ### Control de Versiones (Git y GitHub)
 
-- [ ] **Git: Instalación y configuración**
+- [x] **Git: Instalación y configuración**
 
-- [ ] **Git: Control de versiones con git (init, clone, add, commit, status, push, pull, remote)**
+- [x] **Git: Control de versiones con git (init, clone, add, commit, status, push, pull, remote)**
 
-- [ ] **Git: Integración de cambios entre ramas (branch, checkout, fetch, merge, reset, rebase, tag)**
+- [x] **Git: Integración de cambios entre ramas (branch, checkout, fetch, merge, reset, rebase, tag)**
 
-- [ ] **GitHub: Creación de cuenta y repos, configuración de llaves SSH**
+- [x] **GitHub: Creación de cuenta y repos, configuración de llaves SSH**
 
 - [ ] **GitHub: Despliegue con GitHub Pages**
 
@@ -814,21 +686,21 @@ Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en t
   * [Sitio oficial de GitHub Pages](https://pages.github.com/)
 </p></details>
 
-- [ ] **GitHub: Colaboración en Github (branches | forks | pull requests | code review | tags)**
+- [x] **GitHub: Colaboración en Github (branches | forks | pull requests | code review | tags)**
 
 ### Centrado en el usuario
 
-- [ ] **Diseñar y desarrollar un producto o servicio poniendo a las usuarias en el centro**
+- [x] **Diseñar y desarrollar un producto o servicio poniendo a las usuarias en el centro**
 
 ### Diseño de producto
 
-- [ ] **Crear prototipos de alta fidelidad que incluyan interacciones**
+- [x] **Crear prototipos de alta fidelidad que incluyan interacciones**
 
-- [ ] **Seguir los principios básicos de diseño visual**
+- [x] **Seguir los principios básicos de diseño visual**
 
 ### Investigación
 
-- [ ] **Planear y ejecutar testeos de usabilidad de prototipos en distintos niveles de fidelidad**
+- [x] **Planear y ejecutar testeos de usabilidad de prototipos en distintos niveles de fidelidad**
 
   <details><summary>Links</summary><p>
 
@@ -838,14 +710,14 @@ Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en t
 
 ### AI Prompting
 
-- [ ] **Dando Instrucciones**
+- [x] **Dando Instrucciones**
 
   <details><summary>Links</summary><p>
 
   * [Dando Instrucciones | Learn Prompting: Your Guide to Communicating with AI](https://learnprompting.org/es/docs/basics/instructions)
 </p></details>
 
-- [ ] **Few shot prompting**
+- [x] **Few shot prompting**
 
   <details><summary>Links</summary><p>
 
diff --git a/image-1.png b/image-1.png
new file mode 100644
index 00000000..96acee51
Binary files /dev/null and b/image-1.png differ
diff --git a/image-2.png b/image-2.png
new file mode 100644
index 00000000..a8cb9a1b
Binary files /dev/null and b/image-2.png differ
diff --git a/image.png b/image.png
new file mode 100644
index 00000000..7f1562e2
Binary files /dev/null and b/image.png differ
diff --git a/src/dataFunctions.js b/src/dataFunctions.js
index 848089b5..6481812a 100644
--- a/src/dataFunctions.js
+++ b/src/dataFunctions.js
@@ -37,7 +37,7 @@ export const sortData = (data, sortBy, sortOrder) => {
     sortOrder === "desc";
     sortedCard.sort((a, b) => b.name.localeCompare(a.name));
   }
-  console.log(sortedCard)
+  
   return sortedCard;
   
 };
@@ -52,7 +52,7 @@ export const computeStats = (data) => {
   {});
   const percentage = {};
   for (const Move in Estadistic) {
-    percentage[Move] = ((Estadistic[Move] / movementTotal) * 100);
+    percentage[Move] = Number((Estadistic[Move] / movementTotal) * 100);
   }
   return percentage;
 };
diff --git a/src/index.html b/src/index.html
index 590923f2..dd7bfd02 100644
--- a/src/index.html
+++ b/src/index.html
@@ -26,6 +26,7 @@ <h2>GALERIA</h2>
                   <label for="artmovement-filter">Corrientes</label>
           <select data-testid="select-filter" id="artmovement-filter" name="artmovement-filter">
           </select>
+          <label for ="alphabetical-order">Ordenar</label>
           <select data-testid="select-sort" id="alphabetical-order" name="alphabetical-order">
             <option value="Ordenar" disabled selected>Ordenar</option>
             <option value="asc">A - Z</option>
@@ -48,7 +49,11 @@ <h2>GALERIA</h2>
       <div id = "stats"></div>
       <div id = "graphs"></div>
     </section>
-    <section id="root"></section>
+    <section id="root">
+      <!-- <ul id = "artCard" itemscope itemtype="https://schema.org/VisualArtwork">
+      <li id = "cardContainer" itemscope itemtype="https://schema.org/VisualArtwork"></li>
+  </ul>  -->
+  </section>
     <section id="detailCard"></section>
     <!-- <section class="chart" id="statsCard">
       <ul class= "bars"></ul> -->
@@ -62,40 +67,3 @@ <h2>GALERIA</h2>
   </body>
 </html>
 
-
-<!--No se está usando
-
-        <nav>
-          <ul class="nav">
-            <li>
-              <a href="#">Ordenar por</a>
-              <ul>
-                <li>
-                  <a class="opciones" href="#">Año</a>
-                  <ul>
-                    <li><a href="#">1900's</a></li>
-                    <li><a href="#">1800's</a></li>
-                    <li><a href="#">Año</a></li>
-                  </ul>
-                </li>
-                <li>
-                  <a class="opciones" href="#">Alfabeticamente</a>
-                  <ul>
-                    <li><a href="#">A-Z</a></li>
-                    <li><a href="#">Z-A</a></li>
-                  </ul>
-                </li>
-              </ul>
-            </li>
-          </ul>
-        </nav>
-
-        <button data-testid="button-clear">Limpiar</button>
-      </article>
-    </div>
-
-    <section id="root"></section>
-    <section id="detailCard">
-       <button id="close-button"> Cerrar </button> -->
-  
-
diff --git a/src/main.js b/src/main.js
index db632aa4..8c57709f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -54,12 +54,12 @@ document
   .querySelector("#artist-filter")
   .addEventListener("change", function (event) {
     const artistDisplay = event.target.value;
-    document.getElementById("artmovement-filter").value = "Corrientes";
-    document.getElementById("alphabetical-order").value = "Ordenar";
+    document.querySelector("artmovement-filter").value = "Corrientes";
+    document.querySelector("alphabetical-order").value = "Ordenar";
     const artistCards = filterData(data, "artistName", artistDisplay);
     currentData = [...artistCards];
     const filteredCards = renderItems(artistCards);
-    const clearScreen = document.getElementById("root");
+    const clearScreen = document.querySelector("root");
     clearScreen.innerHTML = "";
     clearScreen.appendChild(filteredCards);
   });
diff --git a/src/style.css b/src/style.css
index c07185ab..0b5a171f 100644
--- a/src/style.css
+++ b/src/style.css
@@ -171,7 +171,7 @@ article {
   margin-bottom: 20px;
 }
 
-#ContenedorTarjeta {
+#cardContainer {
   /*tarjetas independientes*/
   background-color: #F8F8F1;
   max-width: 100%;
diff --git a/src/view.js b/src/view.js
index 130be6d0..4c57d153 100644
--- a/src/view.js
+++ b/src/view.js
@@ -7,7 +7,7 @@ export const renderItems = (data) => {
 
     /* ` se utiliza para delimitar las plantillas de cadena, y ${}` se utiliza para insertar expresiones en esas plantillas de cadena.
     dt: description term y dd: description details. El dt está vacio porque no queremos mostrar el nombre de la caracteristica solo el dato*/
-    listItem.innerHTML = `<dl id="ContenedorTarjeta">
+    listItem.innerHTML = `<dl id="cardContainer">
     <dt><img itemprop="image" src="${painting.imageUrl}" alt="${painting.name}"></dd>
           <dt class="contenedor1"></dt><dd itemprop="name">${painting.name}</dd>
           <dt class="contenedor1"></dt><dd itemprop="artistName">${painting.facts.artistName}</dd>
@@ -45,6 +45,7 @@ export const renderCards = (data) => {
   longCard.setAttribute("itemscope", "");
   data.forEach((painting) => {
     const listCard = document.createElement("li");
+    listCard.setAttribute('itemscope', '');
     listCard.setAttribute("itemtype", "");
     listCard.innerHTML = `<dl id="ContenedorDetails">
     <dt><img itemprop="imageDetails" src="${painting.imageUrl}" alt="${painting.name}"></dd>
diff --git a/tests-read-only/e2e/app.spec.js b/tests-read-only/e2e/app.spec.js
index ee55be07..b988fc06 100644
--- a/tests-read-only/e2e/app.spec.js
+++ b/tests-read-only/e2e/app.spec.js
@@ -4,7 +4,7 @@ import { test, expect } from '@playwright/test';
 test.describe('Pagina interraciones', () => {
 
   const sortOptions = { asc: 'asc', desc: 'desc'};
-  const liSelector = '#root > ul > li';
+  const liSelector = '#root > dt > dl';
 
   const getItempropValues = async (page, property) => {
     const liElements = await page.$$(liSelector);