From 5e5338b9b26ae992bedd7531ade5535c32664875 Mon Sep 17 00:00:00 2001
From: DeysiVergara <91211248+DeysiVergara@users.noreply.github.com>
Date: Fri, 22 Sep 2023 14:16:39 -0500
Subject: [PATCH] fix: cambios con feedback DEV011 - resaltar root, modificar
 instrucciones Addresses #1577 (#1587)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* resaltar root, modificar instruccion de view

* cambio de instrucciones en dataFunctions, cambiar el console.log para ejecutar las funciones, añadir parametro en view.js

* mejorar instrucciones en dataFunctions

* espacios despues comments

* Quita prototipo de baja, reordenar indice

---------

Co-authored-by: Ivy Feraco <unjust@gmail.com>
Co-authored-by: Ivy Feraco <ivy@laboratoria.la>
---
 projects/02-dataverse-explorers/README.md     | 27 +++++++------------
 .../src/dataFunctions.js                      |  2 +-
 projects/02-dataverse-explorers/src/main.js   |  2 +-
 projects/02-dataverse-explorers/src/view.js   |  6 ++---
 4 files changed, 15 insertions(+), 22 deletions(-)

diff --git a/projects/02-dataverse-explorers/README.md b/projects/02-dataverse-explorers/README.md
index 2833b4b57..a6ee41b9a 100644
--- a/projects/02-dataverse-explorers/README.md
+++ b/projects/02-dataverse-explorers/README.md
@@ -4,8 +4,8 @@
 
 * [1. Preámbulo](#1-preámbulo)
 * [2. Resumen del proyecto](#2-resumen-del-proyecto)
-* [3. Funcionalidades](#3-funcionalidades)
-* [4. Consideraciones generales](#4-consideraciones-generales)
+* [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)
@@ -84,7 +84,8 @@ Aquí definimos en más detalle las funcionalidades mínimas que debe tener:
   un elemento `<ul>`.**
 
 * El elemento `<ul>` deberá ser hijo de un elemento con atributo _id_
-  de valor "root".
+  de valor "root". **Este es un paso importante para que tu**
+  **aplicación tenga la estructura requerida**
 
 * Las tarjetas deben resaltar los valores de las propiedades de la data que
   le interesaría a la usuaria ver. Por ejemplo: nombre, fecha, imagen, etc.
@@ -521,20 +522,13 @@ puedes adjuntar todas las capturas que necesites.
 
 #### Diseño de la Interfaz de Usuaria
 
-##### Prototipo de baja fidelidad
-
-Durante tu trabajo deberás haber hecho e iterado bocetos (_sketches_) de tu
-solución usando papel y lápiz. Te recomendamos tomar fotos de todas las
-iteraciones que hagas, que las subas a tu repositorio y las menciones en tu
-`README.md`.
-
-Recuerda pedir feedback de tu prototipo a tus compañeras y/o coaches.
-
 ##### Prototipo de alta fidelidad
 
-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
+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.
@@ -699,8 +693,7 @@ Antes de agendar tu Project Feedback con un coach, asegúrate que tu proyecto:
 * Tiene un `README.md` con la siguente:
   - [ ] _Definición del producto_ clara e informativa
   - [ ] Historias de usuario
-  - [ ] Un _sketch_ de la solución (prototipo de baja fidelidad) y
-    _Diseño de la Interfaz de Usuaria_ (prototipo de alta fidelidad)
+  - [ ] Un _Diseño de la Interfaz de Usuaria_ (prototipo de alta fidelidad)
   - [ ] El listado de problemas que detectaste a través de tests
     de usabilidad en el `README.md`
 * Tiene un UI que cumple las funcionalidades:
diff --git a/projects/02-dataverse-explorers/src/dataFunctions.js b/projects/02-dataverse-explorers/src/dataFunctions.js
index 3d70f1362..5de554afb 100644
--- a/projects/02-dataverse-explorers/src/dataFunctions.js
+++ b/projects/02-dataverse-explorers/src/dataFunctions.js
@@ -1,4 +1,4 @@
-// estas funciones son de ejemplo
+// Estas funciones son ejemplos, aquí puedes desarrollar tus propias funciones.
 
 export const example = () => {
   return 'example';
diff --git a/projects/02-dataverse-explorers/src/main.js b/projects/02-dataverse-explorers/src/main.js
index 6a76c623d..cab4fb0ce 100644
--- a/projects/02-dataverse-explorers/src/main.js
+++ b/projects/02-dataverse-explorers/src/main.js
@@ -3,4 +3,4 @@ import { renderItems } from './view.js';
 
 import data from './data/dataset.js';
 
-console.log(example, renderItems, data);
+console.log(example, renderItems(data), data);
diff --git a/projects/02-dataverse-explorers/src/view.js b/projects/02-dataverse-explorers/src/view.js
index b45aba001..0da7b7fa2 100644
--- a/projects/02-dataverse-explorers/src/view.js
+++ b/projects/02-dataverse-explorers/src/view.js
@@ -1,6 +1,6 @@
-// estas funciones son de ejemplo
-
-export const renderItems = () => {
+export const renderItems = (data) => {
+  console.log(data)
+  // Aquí comienza tu código y puedes retornar lo que tu necesites
   return 'example';
 };