Development

.babelrc

@@ -0,0 +1,10 @@
+{
+    "presets": [["@babel/preset-env",
+    {
+        "target": {
+            "node": "current",
+            "firefox": "60"
+        }
+    }
+]]
+}

.gitignore

@@ -0,0 +1,5 @@
+#ignorar: 
+/node_modules
+package-lock.json
+.eslintrc.json
+/.vscode

README.md

@@ -1,66 +1,41 @@
-# Technical Challenge
----
-Index
+# Agenda propósitos 2022
 
-    1. Description
-    2. Aceptance Criteria
-    3. Technical Requirements
-    4. Expected Learning Outcomes
 ---
 
-## 1. Description
+Index
 
-Develop yourself a Notes App for yourself to keep in mind your New Year resolutions and goals. The target user is yourself.
+    1. Descripción
+    2. Características generales
+    3. Características técnicas
 
 ---
 
-## 2. Acceptance Criteria
+## 1. Descripción
 
-This applications should allow you to enter your goals and objectives with the fields: 
-* Dropdown Selectable Topics: Personal, Professional, Relationships, Family, Health and Learning
-* Title: Input to add a short Title
-* Description: Text Area to add the desciption of the goal
-* Dropdown with the objective month of achievement. 
+Aplicación de notas personal para mantener y controlar mis propósitos y objetivos de Año Nuevo (2022) orientados a mi plan de vida. La app contará con un inicio de sesión personal.
 
 ---
 
-## 3. Technical Requeriments /
-- Follow up all the Software Development Lyfecycle steps and document it
-- Only JavaScript Vanilla is allowed
-- Use all the things you know already and that you have learned from the Bootcamp to solve the application code.
-- Use Firestore from Firebase to keep your data 
-- Only Arrow Functions are allowed (ECS6)
-- Using modular modular architecture is a plus
-- Add a personal login for you is a plus
-- Finishing before the time is a plus
+## 2. Características generales
 
-**CLUES:**
+Esta aplicación me permitirá ingresar mis metas y objetivos con los campos:
 
-- All the knowledge from the last 7 projects
-- Try your best to show the expertise and skills you have earned, tecnical and softskills to reach by your own the entrance to the next stage.
-- This project will be deliviered in a personal demo with the review of the performance during this last stage of the Bootcamp. 
-- The results of this stage will give you a learning position to math teams into the final stages.
-- Make every time desition wiseley 
-- It's time to show up the best you can do!
+- Temas desplegables seleccionables: personal, profesional, relaciones, familia, salud y aprendizaje
+- Título: entrada para agregar un título corto
+- Descripción: Área de texto para agregar la descripción de la meta
+- Desplegable con el mes objetivo de consecución.
 
 ---
-##  4. Expected Learning Outcomes
 
----
+## 3. Características técnicas
 
-- [ ] window object 
-- [ ] Arrow Functions and parameters
-- [ ] Short, readable and reusable code
-- [ ] Objects & Arrays 
+- [ ] Arquitectura modular
+- [ ] window object
+- [ ] Arrow Functions y parámetros
+- [ ] Programación funcional (código corto, legible y reutilizable)
+- [ ] Objects & Arrays
 - [ ] JSON
-- [ ] Iterators
-- [ ] Firebase: Firestore DB 
+- [ ] Iteradores
+- [ ] Firebase: Firestore DB
 - [ ] Bootstrap 5
-- [ ] Continuous Integration Tools: Git & GitHub
-
----
-# ReadMe
-
----
-
-> This Readme should be replaced with the project documentation following the SDLC procedures for Agile Software Development Lyfe Cycle.
+- [ ] Herramientas de integración continua: Git y GitHub

datamonth/month.json

@@ -0,0 +1,14 @@
+{
+    "enero": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31],
+    "febrero": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28],
+    "marzo": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31],
+    "abril": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30],
+    "mayo": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31],
+    "junio": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30],
+    "julio": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31],
+    "agosto": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31],
+    "septiembre": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30],
+    "octubre": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31],
+    "noviembre": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30],
+    "diciembre": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31]
+}

lib/index.js

@@ -0,0 +1,4 @@
+import { diasPorMes } from "./modules/app.js";
+import { enviarFB } from "./modules/data.js";
+diasPorMes();
+enviarFB(); //traerMetas()

lib/modules/app.js

@@ -0,0 +1,31 @@
+export const diasPorMes = () => {
+  const meses = "../datamonth/month.json";
+  const mesesArray = [];
+  fetch(meses).then(response => response.json()).then(data => {
+    mesesArray.push(data);
+    console.log(mesesArray);
+
+    for (let mes in mesesArray[0]) {
+      console.log(mes);
+      let imprimirMes = document.getElementById("mesChoose");
+      imprimirMes.innerHTML += `  
+                    <option value="${mes}">${mes}</option>
+                `;
+    }
+
+    let diaPorMes = document.getElementById("mesChoose");
+    diaPorMes.addEventListener("change", () => {
+      console.log("estoy escuchando");
+      let clickMes = document.getElementById("mesChoose").value;
+      console.log(clickMes); //console.log(mesesArray[0][clickMes])
+
+      for (let dia of mesesArray[0][clickMes]) {
+        console.log(dia);
+        let imprimirDia = document.getElementById("diaChoose");
+        imprimirDia.innerHTML += `  
+                    <option value="${dia}">${dia}</option>
+                `;
+      }
+    });
+  });
+};