template de feed

src/view-controler/controler.js

@@ -1,20 +1,23 @@
 import { components } from "../view/components.js";
 
 const changeView = (route) => {
-    switch (route) {
-        case '#/':
-            components.hero();
-            break;
-        case '#/register':
-            components.register();
-            break;
-        case '#/login':
-            components.login();
-            break;
-        default:
-            components.hero();
-            break;
-    }
-}
+  switch (route) {
+    case "#/":
+      components.hero();
+      break;
+    case "#/register":
+      components.register();
+      break;
+    case "#/login":
+      components.login();
+      break;
+    case "#/feed":
+      components.feed();
+      break;
+    default:
+      components.hero();
+      break;
+  }
+};
 
-export { changeView };
+export { changeView };

src/view/components.js

@@ -1,11 +1,13 @@
 import { hero } from "./hero.js";
 import { register } from "./register.js";
 import { login } from "./login.js";
+import { feed } from "./feed.js";
 
 const components = {
     hero: hero,
     register: register,
     login:login,
+    feed: feed,
 }
 
 export { components };

src/view/feed.js

@@ -0,0 +1,19 @@
+import { changeView } from "../view-controler/controler.js";
+
+export const feed = () => {
+  const viewFeedHtml = document.getElementById("root");
+  const view = `
+    <a href="#/feed"></a>
+    <h1>Este es nuestro muro</h1>
+    <button id="buttonHero"> Inicio </button>
+    `;
+
+  viewFeedHtml.innerHTML = view;
+
+  document.querySelector("#buttonHero").addEventListener("click", () => {
+    //Recordar cambiar la ruta cuando realicemos el template del muro de la aplicación
+    window.location.hash = "/";
+  });
+
+  return viewFeedHtml;
+};

src/view/login.js

@@ -14,6 +14,9 @@ export const login = () => {
                 <input class="inputs" id= "email" type="email" placeholder="[email protected]" required>
                 <label class="labels" for="password">Contraseña</label>
                 <input class="inputs" id= "password" type="password" required>
+                <section id="alertMessageLogin" >
+                  <p id="errorMessageLogin">Mensaje de alerta</p>
+                </section>
                 <section class="align-buttons">
                     <div class="question-button">
                         <p>¿Eres un usuario nuevo?</p>
@@ -30,7 +33,7 @@ export const login = () => {
   viewLoginHtml.innerHTML = view;
   document.querySelector("#btn-feed").addEventListener("click", () => {
     //Recordar cambiar la ruta cuando realicemos el template del muro de la aplicación
-    window.location.hash = "/";
+    window.location.hash = "/feed";
   });
 
   document

src/view/register.js

@@ -18,6 +18,9 @@ export const register = () => {
                   <input class="inputs" id="emailRegister" type="email" placeholder="[email protected]" required>
                   <label class="labels" for="">Contraseña</label>
                   <input class="inputs" id="passwordRegister" type="password" required>
+                <section id="alertMessage" >
+                  <p id="errorMessage">Mensaje de alerta</p>
+                </section>
                 <section class="align-buttons">
                     <div class="question-button">
                         <p>¿Ya tienes cuenta?</p>