diff --git a/css/index.css b/css/index.css
index 5635b2dc..cd37c121 100644
--- a/css/index.css
+++ b/css/index.css
@@ -1,133 +1,131 @@
 .on-success {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100vw;
-    height: 100vh;
-    background: rgba(0, 0, 0, 0.5);
-    overflow: hidden;
-    z-index: 98;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background: rgba(0, 0, 0, 0.5);
+  overflow: hidden;
+  z-index: 98;
 }
 
 .on-success div {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    width: 90vw;
-    height: 90vh;
-    max-width: 600px;
-    max-height: 500px;
-    border-radius: 2em;
-    text-align: center;
-    background: #333333;
-    display: flex;
-    flex-flow: column wrap;
-    align-items: center;
-    justify-content: center;
-    z-index: 99;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 90vw;
+  height: 90vh;
+  max-width: 600px;
+  max-height: 500px;
+  border-radius: 2em;
+  text-align: center;
+  background: #333333;
+  display: flex;
+  flex-flow: column wrap;
+  align-items: center;
+  justify-content: center;
+  z-index: 99;
 }
 
 .on-success div h1 {
-    color: white;
+  color: white;
 }
 
 .error {
-    border: 2px solid red;
+  border: 2px solid red;
 }
 
 .errorsBlock {
-    font-size: 14px;
-    color: red;
+  font-size: 14px;
+  color: red;
 }
 
 .hiddenWindow {
-    display: none;
+  display: none;
 }
 
 form {
-    background-color: #efefef;
-    width: calc(100% - 10em);
-    max-width: 640px;
-    min-height: 500px;
-    padding: 3em;
-    flex: 0;
-    text-align: center;
-    z-index: 2;
+  background-color: #efefef;
+  width: calc(100% - 10em);
+  max-width: 640px;
+  min-height: 500px;
+  padding: 3em;
+  flex: 0;
+  text-align: center;
+  z-index: 2;
 }
 
 input,
 select,
 textarea {
-    font-family: "Montserrat", sans-serif;
-    font-weight: 300;
-    font-size: 16px;
-    background: inherit;
-    border: 2px solid black;
+  font-family: "Montserrat", sans-serif;
+  font-weight: 300;
+  font-size: 16px;
+  background: inherit;
+  border: 2px solid black;
 }
 
 input {
-    border: none;
-    border-bottom: 2px solid black;
-    padding: 0.5em;
+  border: none;
+  border-bottom: 2px solid black;
+  padding: 0.5em;
 }
 
-input[type='file'] {
-    width: 60%;
-    border: none;
-    font-family: "Montserrat", sans-serif;
-    font-weight: 400;
-    font-size: 16px;
-    padding: 1em 2em;
+input[type="file"] {
+  width: 60%;
+  border: none;
+  font-family: "Montserrat", sans-serif;
+  font-weight: 400;
+  font-size: 16px;
+  padding: 1em 2em;
 }
 
 button {
-    font-family: "Montserrat", sans-serif;
-    font-weight: 700;
-    font-size: 18px;
-    padding: 1em 2em;
-    margin: 1em;
-    text-transform: uppercase;
-    border: none;
-    border-radius: 2em;
-    background: #20D7C0;
-    color: white;
-    cursor: pointer;
-    transition: all 0.3s ease-in-out;
+  font-family: "Montserrat", sans-serif;
+  font-weight: 700;
+  font-size: 18px;
+  padding: 1em 2em;
+  margin: 1em;
+  text-transform: uppercase;
+  border: none;
+  border-radius: 2em;
+  background: #20d7c0;
+  color: white;
+  cursor: pointer;
+  transition: all 0.3s ease-in-out;
 }
 
 button:hover {
-    background: black;
-    color: #20D7C0;
+  background: black;
+  color: #20d7c0;
 }
 
 @media all and (max-width: 640px) {
-    .on-success h1 {
-        font-size: 30px;
-    }
+  .on-success h1 {
+    font-size: 30px;
+  }
 
-    form {
-        font-size: 1em;
-    }
+  form {
+    font-size: 1em;
+  }
 
-    input[type=text],
-    textarea {
-        width: 50%;
-    }
+  input[type="text"],
+  textarea {
+    width: 50%;
+  }
 }
 
-
 #exito {
-    margin-top: 30px;
+  margin-top: 30px;
 }
 
 #exito strong {
-    display: block;
-    margin: 23px;
-    font-size: 30px;
+  display: block;
+  margin: 23px;
+  font-size: 30px;
 }
 
-
 .oculto {
-    display: none;
+  display: none;
 }
diff --git a/css/main.css b/css/main.css
index f314f513..7224cc50 100644
--- a/css/main.css
+++ b/css/main.css
@@ -18,13 +18,14 @@ a {
   white-space: nowrap;
   padding: 10px 15px;
 }
-header, footer {
+header,
+footer {
   box-sizing: border-box;
   flex: 0 1 auto;
   background-color: black;
   color: white;
 }
-header{
+header {
   width: 100%;
 }
 header ul {
@@ -53,8 +54,8 @@ header a {
 }
 header a:hover {
   color: black;
-  border: 2px solid #CFBD6F;
-  background: #CFBD6F;
+  border: 2px solid #cfbd6f;
+  background: #cfbd6f;
   transition: all 0.3s ease-in-out;
 }
 section {
@@ -66,18 +67,18 @@ section {
   flex-flow: column wrap;
   align-items: center;
   justify-content: center;
-  background: url('../img/confetis.svg') no-repeat center center;
+  background: url("../img/confetis.svg") no-repeat center center;
 }
-.gift_top{
-	z-index: 3;
-	margin-bottom: -50px;
+.gift_top {
+  z-index: 3;
+  margin-bottom: -50px;
 }
-.gift_bottom{
-	z-index: 1;
-	margin-top: -20px;
+.gift_bottom {
+  z-index: 1;
+  margin-top: -20px;
 }
 
-footer{
+footer {
   font-family: "Montserrat", sans-serif;
   text-decoration: none;
   font-size: 0.9rem;
@@ -95,14 +96,14 @@ footer li {
   padding: 5px;
 }
 footer a {
-  color: #CFBD6F;
+  color: #cfbd6f;
 }
 footer a:hover {
   color: white;
 }
 
 @media all and (max-width: 640px) {
-    header h1 {
-        display: none;
-    }
-}
\ No newline at end of file
+  header h1 {
+    display: none;
+  }
+}
diff --git a/index.html b/index.html
index 75772b2a..faf55e9d 100644
--- a/index.html
+++ b/index.html
@@ -63,6 +63,7 @@
         </p>
 
         <ul id="errores">
+            
         </ul>
 
         <p>
@@ -105,7 +106,8 @@
     </ul>
 </footer>
 
-<script src="js/main-mio.js"></script>
+<script src="js/main-propio.js"></script>
+
 <script src="js/pruebas.js"></script>
 </body>
 
diff --git a/instrucciones/nivel1.md b/instrucciones/nivel1.md
index 0e2b3271..e099954d 100644
--- a/instrucciones/nivel1.md
+++ b/instrucciones/nivel1.md
@@ -105,6 +105,8 @@ Para validar nuestro formulario, vamos a tener  que hacer lo siguiente:
 
   Para validar que sólo tenga letras, podemos hacer:
 
+/^[A-z]+$/i
+
   `const contieneSoloLetras = /^[A-z]+$/.test(valor);`
 
   Esto va a retornar un booleano. True si sólo contiene letras o false
diff --git a/js/main-propio.js b/js/main-propio.js
new file mode 100644
index 00000000..80bb2e1c
--- /dev/null
+++ b/js/main-propio.js
@@ -0,0 +1,99 @@
+function validarNombre(nombre) {
+  if (nombre.length === 0) {
+    return "Nombre debe tener al menos un caracter";
+  }
+  if (nombre.length >= 50) {
+    return "Nombre debe tener menos de 50 caracteres";
+  }
+
+  if (!/^[a-z]+$/i.test(nombre)) {
+    return "Nombre solo acepta letras";
+  }
+
+  return "";
+}
+
+function validarCiudad(ciudad) {
+  if (ciudad.length === 0) {
+    return "Debe elegir una ciudad";
+  }
+  return "";
+}
+
+function validarDescripcionRegalo(descripcionRegalo) {
+  if (descripcionRegalo.length >= 100) {
+    return "Debe usar menos de 100 caracteres";
+  }
+  if (descripcionRegalo.length === 0) {
+    return "Debe tener al menos un caracter";
+  }
+  if (!/[a-z0-9 ]+$/i.test(descripcionRegalo)) {
+    return "El campo solo puede tener numeros y letras";
+  }
+  return "";
+}
+
+
+function ValidarFormulario(event) {
+  const $formulario = document.querySelector("#carta-a-santa");
+  const nombre = $formulario.nombre.value;
+  const ciudad = $formulario.ciudad.value;
+  const descripcionRegalo = $formulario["descripcion-regalo"].value;
+
+  const errorNombre = validarNombre(nombre);
+  const errorCiudad = validarCiudad(ciudad);
+  const errorDescripcionRegalo = validarDescripcionRegalo(descripcionRegalo);
+
+  const errores = {
+    nombre: errorNombre,
+    ciudad: errorCiudad,
+    "descripcion-regalo": errorDescripcionRegalo,
+  };
+
+  const noErrores = manejarErrores(errores) === 0;
+
+  if(noErrores){
+    $formulario.className = "oculto";
+    document.getElementById("exito").className = "";
+
+    const tiempoDeEspera = 5000;
+    setTimeout(() => {
+      window.location.href = 'wishlist.html'
+    }, tiempoDeEspera)
+  }
+
+  event.preventDefault();
+}
+
+function manejarErrores(errores) {
+  const llaves = Object.keys(errores);
+  const $errores = document.getElementById("errores");
+  let cantidadErroes = 0;
+
+
+  while ($errores.firstChild) {
+    $errores.removeChild($errores.firstChild);
+  }
+
+  llaves.forEach(function (llave) {
+    const error = errores[llave];
+    
+    if (error) {
+      cantidadErroes ++;
+      $formulario[llave].className = "error";
+
+      const $error = document.createElement("li");
+      $error.innerText = error;
+      $errores.appendChild($error);
+
+    } else {
+      $formulario[llave].className = "";
+    }
+    
+  });
+
+  return cantidadErroes;
+}
+
+const $formulario = document.querySelector(`#carta-a-santa`);
+$formulario.onsubmit = ValidarFormulario;
diff --git a/js/main.js b/js/main.js
deleted file mode 100644
index e69de29b..00000000
diff --git a/js/pruebas.js b/js/pruebas.js
index 9cbb4229..94dcb0ca 100644
--- a/js/pruebas.js
+++ b/js/pruebas.js
@@ -1,15 +1,64 @@
 function probarValidarNombre() {
   console.assert(
-      validarNombre('') === 'Este campo debe tener al menos 1 caracter',
-      'Validar nombre no validó que el nombre no sea vacío',
+    validarNombre("") === "Nombre debe tener al menos un caracter",
+    "Validar nombre no funcionó con un string vacio"
   );
 
   console.assert(
-      validarNombre(
-          '111111111111111111111111111111111111111111111111111111111111111111111111111111111111111') ===
-      'Este campo debe tener menos de 50 caracteres',
-      'Validar nombre no validó que el nombre sea menor a 50 caracteres',
+    validarNombre(
+      "111111111111111111111111111111111111111111111111111111111111111111111111111111111111111"
+    ) === "Nombre debe tener menos de 50 caracteres",
+    "Validar nombre no validó que el nombre sea menor a 50 caracteres"
+  );
+
+  console.assert(
+    validarNombre("123123") === "Nombre solo acepta letras",
+    "Validar nombre no validó que el nombre contenga solo letras"
   );
-}
 
+  console.assert(
+    validarNombre("Valentin") === "",
+    "Validar nombre fallo con un nombre validó"
+  );
+}
 probarValidarNombre();
+
+function probarValidarCiudad() {
+  console.assert(
+    validarCiudad("") === "Debe elegir una ciudad",
+    "Validar ciudad no validó que se haya seleccionado una ciudad"
+  );
+
+  console.assert(
+    validarCiudad("Cordoba") === "",
+    "Validar ciudad fallo con un nombre validó"
+  );
+}
+probarValidarCiudad();
+
+function probarValidarDescripcionRegalo() {
+  console.assert(
+    validarDescripcionRegalo("") === "Debe tener al menos un caracter",
+    "Vaidar descripcion regalo no valido que el campo este vacio"
+  );
+
+  console.assert(
+    validarDescripcionRegalo(
+      "akjsdhfqwp9ehqwerhibddajsfhasdhufjasdfhdqweriqwhfdkjshfddd9qerihdfashdnfkjasdfbh9qwerdfbkjashfihasdfiausdhfashdfauisyhfasd"
+    ) === "Debe usar menos de 100 caracteres",
+    "Validar descripcion regalo no valido que haya menos de 100 caracteres"
+  );
+
+  console.assert(
+    validarDescripcionRegalo("Quiero un kilo de helado") === "",
+    "Validar descripcion regalo no funcionó con una descripcion correcta"
+  );
+
+  console.assert(
+    validarDescripcionRegalo(".,.,.,.") ===
+      "El campo solo puede tener numeros y letras",
+    "Validar descripcion regalo no funcionó con los simbolos coma y punto"
+  );
+}
+
+probarValidarDescripcionRegalo();
diff --git a/tarea/tarea-clase-7.js b/tarea/tarea-clase-7.js
index f8cfc867..5c0b9eb5 100644
--- a/tarea/tarea-clase-7.js
+++ b/tarea/tarea-clase-7.js
@@ -1,6 +1,8 @@
 /*
 * Hacer las funciones de validación de validarCiudad y validarDescripcionRegalo.
 * Escribir pruebas para esas funciones.
+usar RegExp, forEach, Objetos, pruebas, estilos en los errores
+ y mostrar los errores en una lista
 *
 * Adicional: Escribir pruebas para las funciones de tareas anteriores.
 *
diff --git a/tarea/tarea-clase-8.js b/tarea/tarea-clase-8.js
index 1b57194d..b7239365 100644
--- a/tarea/tarea-clase-8.js
+++ b/tarea/tarea-clase-8.js
@@ -2,6 +2,8 @@
 
 A las 2 tareas de la clase 6, ponerles las validaciones que consideren
 necesarias.
-
+usar RegExp, forEach, Objetos, pruebas, estilos en los errores
+ y mostrar los errores en una lista
+ 
 TIP: Las edades no pueden tener decimales.
 */