Revisar

.gitignore

@@ -2,4 +2,5 @@ coverage/
 node_modules/
 .DS_Store
 *.swp
-package-lock.json
+package-lock.json
+src/data.js

README.md

@@ -1,3 +1,29 @@
+##La vida de la mujeres en latino Latinoamérica
+En esta pagina podrás conocer indicadores de desarrollo referente a las mujeres y a su vida, en los contextos como son población, educación, violencia, salud, trabajo, etc.
+
+Con una introducción  que se lee así,
+"En los países latinoamericanos se ha modificado y creado leyes que apoyan a las mujeres en la vida política, violencia de género, sexualidad e igualdad y pese a que existen grandes avances aún hay retos que obstruyen garantizar los derechos de las mujeres. Te invitamos a conocer los Indicadores del Banco de Desarrollo Mundial en los que puedes encontrar información relacionada con el desarrollo de la mujer con cifras actuales e históricas."
+
+Podemos ingresar a la pagina y seleccionar el país del que nos interese conocer sus datos.
+
+Posteriormente se selecciona el tipo de indicador para que puedas ver los indicadores que cada uno contiene.
+
+#El prototipo
+![imagen Prototipo](src/Proto1.jpg)
+
+![imagen Prototipo](src/PROTO2.jpg)
+
+#El prototipo de alta fidelidad
+
+[link](https://www.figma.com/proto/9wwx6mkhSeBiT1ZoOfxbHX/proyecto2?node-id=12%3A1&scaling=fit-width)
+
+#Github Pages
+[link](https://oralia.github.io/CDMX009-Data-Lovers/)
+
+#Mejoras
+Que la pagina te pueda mostrar la información de los indicadores ya se en tabla o en grafica.
+
+
 # Data Lovers
 
 ## Índice
@@ -88,46 +114,46 @@ y de equipo.
 
 ### UX
 
-- [ ] Diseñar la aplicación pensando y entendiendo al usuario.
-- [ ] Crear prototipos para obtener _feedback_ e iterar.
-- [ ] Aplicar los principios de diseño visual (contraste, alineación, jerarquía).
+- [X] Diseñar la aplicación pensando y entendiendo al usuario.
+- [X] Crear prototipos para obtener _feedback_ e iterar.
+- [X] Aplicar los principios de diseño visual (contraste, alineación, jerarquía).
 - [ ] Planear y ejecutar _tests_ de usabilidad.
 
 ### HTML y CSS
 
-- [ ] Entender y reconocer por qué es importante el HTML semántico.
-- [ ] Identificar y entender tipos de selectores en CSS.
-- [ ] Entender como funciona `flexbox` en CSS.
-- [ ] Construir tu aplicación respetando el diseño planeado (maquetación).
+- [X] Entender y reconocer por qué es importante el HTML semántico.
+- [X] Identificar y entender tipos de selectores en CSS.
+- [X] Entender como funciona `flexbox` en CSS.
+- [] Construir tu aplicación respetando el diseño planeado (maquetación).
 
 ### DOM
 
-- [ ] Entender y reconocer los selectores del DOM (querySelector | querySelectorAll).
-- [ ] Manejar eventos del DOM. (addEventListener)
-- [ ] Manipular dinámicamente el DOM. (createElement, appendchild, innerHTML, value)
+- [] Entender y reconocer los selectores del DOM (querySelector | querySelectorAll).
+- [X] Manejar eventos del DOM. (addEventListener)
+- [X] Manipular dinámicamente el DOM. (createElement, appendchild, innerHTML, value)
 
 ### Javascript
 
-- [ ] Manipular arrays (`filter` | `map` | `sort` | `reduce`).
-- [ ] Manipular objects (key | value).
+- [X] Manipular arrays (`filter` | `map` | `sort` | `reduce`).
+- [X] Manipular objects (key | value).
 - [ ] Entender el uso de condicionales (`if-else` | `switch`).
-- [ ] Entender el uso de bucles (`for` | `forEach`).
+- [X] Entender el uso de bucles (`for` | `forEach`).
 - [ ] Entender la diferencia entre expression y statements.
-- [ ] Utilizar funciones (parámetros | argumentos | valor de retorno).
+- [X] Utilizar funciones (parámetros | argumentos | valor de retorno).
 - [ ] Entender la diferencia entre tipos de datos atómicos y estructurados.
-- [ ] Utilizar ES Modules (`import` | `export`).
+- [x] Utilizar ES Modules (`import` | `export`).
 
 ### Pruebas Unitarias (_testing_)
 - [ ] Testear funciones (funciones puras).
 
 ### Git y GitHub
-- [ ] Ejecutar comandos de git (`add` | `commit` | `pull` | `status` | `push`).
-- [ ] Utilizar los repositorios de GitHub (`clone` | `fork` | gh-pages).
-- [ ] Colaborar en Github (pull requests).
+- [X] Ejecutar comandos de git (`add` | `commit` | `pull` | `status` | `push`).
+- [X] Utilizar los repositorios de GitHub (`clone` | `fork` | gh-pages).
+- [X] Colaborar en Github (pull requests).
 
 ### Buenas prácticas de desarrollo
-- [ ] Organizar y dividir el código en módulos (Modularización).
-- [ ] Utilizar identificadores descriptivos (Nomenclatura | Semántica).
+- [X] Organizar y dividir el código en módulos (Modularización).
+- [X] Utilizar identificadores descriptivos (Nomenclatura | Semántica).
 - [ ] Utilizar linter para seguir buenas prácticas (ESLINT).
 
 ## 4. Consideraciones generales
@@ -185,6 +211,8 @@ correspondiente a cada set de datos que elijas.
 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_.
+[prototipo de alta fidelidad]
+(https://www.figma.com/proto/9wwx6mkhSeBiT1ZoOfxbHX/proyecto2?node-id=12%3A1&scaling=min-zoom).
 
 #### Testeos de usabilidad
 

docs/data.js

@@ -0,0 +1,128 @@
+import data from './data/worldbank/worldbank.js';
+
+export { educación, empleo, negocios, población, salud, violencia};
+
+
+//Filtro que proporciona los indicadores de "Mujeres y Educación"
+
+function educación(countryData){
+let newdataEducacion=[];
+let indicatorEducacion=[];
+  newdataEducacion = countryData.indicators.filter(indicators=>
+  {
+  return indicators.indicatorName.includes("mujeres")  && (indicators.indicatorName.includes("alfabetización")
+  | indicators.indicatorName.includes("alfabetizados")|| indicators.indicatorName.includes("escolar")
+  | indicators.indicatorName.includes("escuela")| indicators.indicatorName.includes("instrucción")
+  | indicators.indicatorName.includes("Educación")| indicators.indicatorName.includes("inscripciones")
+  | indicators.indicatorName.includes("ingreso"))
+})
+
+
+//  función que retorna los nombres de los indicadores de "Mujeres y Educación"
+for (var i = 0; i < newdataEducacion.length; i++)
+{
+indicatorEducacion.push(newdataEducacion[i].indicatorName)
+
+}
+
+return indicatorEducacion;
+}
+
+
+//Filtro que proporciona los indicadores de "Mujeres y Empleo"
+function empleo (countryData){
+  let newdataEmpleo=[];
+  let indicatorEmpleo=[];
+  newdataEmpleo = countryData.indicators.filter(indicators=>
+    {
+      return indicators.indicatorName.includes("mujeres")  && indicators.indicatorName.includes("empleo")
+      | indicators.indicatorName.includes("desempleadas")| indicators.indicatorName.includes("laboral")
+
+    })
+    //Funcion que proporciona el nombre de los indicadores
+    for (var i = 0; i < newdataEmpleo.length; i++) {
+      indicatorEmpleo.push(newdataEmpleo[i].indicatorName)
+    }
+    return indicatorEmpleo;
+  }
+
+
+
+  // //Filtro que proporciona los indicadores de "Mujeres y Población"
+
+  function población(countryData){
+    let newdataPoblacion=[];
+    let indicatorPoblacion=[];
+    newdataPoblacion = countryData.indicators.filter(indicators=>
+      {
+        return indicators.indicatorName.includes("mujeres")  && indicators.indicatorName.includes("población")
+
+      })
+
+      //  función que retorna los nombres de los indicadores de "Mujeres y Población"
+      for (var i = 0; i < newdataPoblacion.length; i++)
+      {
+        indicatorPoblacion.push(newdataPoblacion[i].indicatorName)
+
+      }
+      return indicatorPoblacion;
+  }
+
+  //Filtro que proporciona los indicadores de "Mujeres y Negocios"
+function negocios(countryData){
+let newdataNegocios=[];
+let indicatorNegocios=[];
+
+newdataNegocios =countryData.indicators.filter(indicators=>
+  {
+  return indicators.indicatorName.includes("mujeres") && (indicators.indicatorName.includes("iniciar")
+  | indicators.indicatorName.includes("Independientes")| indicators.indicatorName.includes("propiedad"))
+  })
+
+  //  función que retorna los nombres de los indicadores para Brasil "Mujeres y Negocios"
+  for (var i = 0; i < newdataNegocios.length; i++)
+  {
+  indicatorNegocios.push(newdataNegocios[i].indicatorName)
+
+  }
+  return indicatorNegocios;
+}
+
+
+//Filtro que proporciona los indicadores de "Mujeres y Salud"
+function salud (countryData){
+let newdataSalud=[];
+let indicatorSalud=[];
+
+newdataSalud = countryData.indicators.filter(indicators=>
+{
+return indicators.indicatorName.includes("mujeres")  && (indicators.indicatorName.includes("Prevalencia")
+| indicators.indicatorName.includes("nacer") || indicators.indicatorName.includes("anticoncepción"))
+})
+
+//  función que retorna los nombres de los indicadores de"Mujeres y Salud"
+for (var i = 0; i < newdataSalud.length; i++)
+{
+indicatorSalud.push(newdataSalud[i].indicatorName)
+}
+return indicatorSalud;
+}
+
+//Filtro que proporciona los indicadores de "Mujeres y violencia"
+function violencia (countryData){
+let newdataViolencia =[];
+let indicatorViolencia =[];
+
+newdataViolencia = countryData.indicators.filter(indicators=>
+{
+return (indicators.indicatorName.includes("mujeres")|indicators.indicatorName.includes("Mujeres"))  && (indicators.indicatorName.includes("violencia")
+| indicators.indicatorName.includes("casaron")| indicators.indicatorName.includes("golpee"))
+})
+
+//  función que retorna los nombres de los indicadores para Brasil "Mujeres y violencia"
+for (var i = 0; i < newdataViolencia.length; i++)
+{
+indicatorViolencia.push(newdataViolencia[i].indicatorName)
+}
+return indicatorViolencia;
+}