Login social media

package.json

@@ -15,7 +15,7 @@
     "stylelint": "stylelint --aei src/**/*.css",
     "pretest": "npm run htmlhint && npm run eslint && npm run stylelint",
     "test": "jest --coverage",
-    "start": "serve -s src/"
+    "start": "serve -s src/ -s"
   },
   "devDependencies": {
     "@babel/core": "^7.11.4",

src/components/Register.js

@@ -0,0 +1,81 @@
+import { register } from "../templates/viewRegister.js";
+import { auth } from "../firebase/index.js";
+import {createUserWithEmailAndPassword} from "https://www.gstatic.com/firebasejs/9.15.0/firebase-auth.js"
+
+
+// let templateRegister = register();
+
+// const nameRegister = templateRegister.querySelector("#nameRegister");
+// const emailRegister = container.querySelector("#emailRegister");
+// const passwordRegister = container.querySelector("#passwordRegister");
+// const passwordConfirm = container.querySelector("#passwordConfirm");
+// const buttonRegister = container.querySelector("#register");
+// const formRegister = container.querySelector("#formRegister");
+// const messageName = container.querySelector("#messageName");
+// const messageEmail = container.querySelector("#messageEmail");
+// const messagePassword = container.querySelector("#messagePassword");
+// const anotherMessageEmail = container.querySelector("#anotherMessageEmail");
+// const messagePasswordConfirm = container.querySelector("#messagePasswordConfirm");
+
+// console.log(nameRegister);
+// console.log(emailRegister)
+// console.log(templateRegister)
+
+// formRegister.addEventListener('submit', (e) => {
+//   e.preventDefault();
+//   console.log(nameRegister.value, emailRegister.value);
+
+
+// const authFirebase = createUserWithEmailAndPassword(auth, emailRegister.value, passwordRegister.value)
+//   .then((authFirebase) => {
+//       // const user = authFirebase.user
+//       console.log(authFirebase)
+//   }) 
+//   .catch((error) => {
+//       console.log(error.message)
+//       // identificardor unico para el error
+//       console.log(error.code)
+
+//        if(error.code === "auth/invalid-email"){
+//           messageEmail.innerHTML = "correo invalido"
+//       } else if (error.code === "auth/email-already-in-use"){
+//           messageEmail.innerHTML = "el correo ya fue utilizado"
+//       } else if (error.code === "auth/weak-password"){
+//           messagePassword.innerHTML = "la contrasena debe tener por lo menos 6 caracteres"
+//       } else if (error.code){
+//            alert('algo salio mal')
+//       }
+
+//   })
+//   });
+
+//   nameRegister.addEventListener("input", () => {
+//    if (nameRegister.value !== "") {
+//      messageName.innerHTML = "";
+//    }
+//    });
+
+//   buttonRegister.addEventListener("click", ()=> {
+//    if( passwordConfirm.value != passwordRegister.value){
+//        messagePasswordConfirm.innerHTML = "la contraseña no es igual"
+//    } else if (nameRegister.value === '')  {
+//        messageName.innerHTML = 'Debe ingresar su nombre';
+//    } else if (passwordConfirm.value === passwordRegister.value){
+//        messagePasswordConfirm.innerHTML = ""
+//    } 
+//    });
+
+    // else if (emailRegister === ''){
+    // messageEmail.innerHTML = "ingresa un correo"
+    // }
+
+
+
+
+
+
+
+
+
+
+

src/firebase/index.js

@@ -0,0 +1,27 @@
+// Import the functions you need from the SDKs you need
+import { initializeApp } from "https://www.gstatic.com/firebasejs/9.15.0/firebase-app.js";
+
+// https://firebase.google.com/docs/web/setup#available-libraries
+// Autentificacion
+import {getAuth} from "https://www.gstatic.com/firebasejs/9.15.0/firebase-auth.js"
+
+// Your web app's Firebase configuration
+// For Firebase JS SDK v7.20.0 and later, measurementId is optional
+// Firebase, esta informacion la utiliza firebase para el uso de su servicio
+const firebaseConfig = {
+    apiKey: "AIzaSyAQxr8QueNyoazFnT3cCFo4YeCEz7S4FaE",
+    authDomain: "social-network-dog.firebaseapp.com",
+    projectId: "social-network-dog",
+    storageBucket: "social-network-dog.appspot.com",
+    messagingSenderId: "1073529346267",
+    appId: "1:1073529346267:web:b2b1e7b435a9c16adc14fe",
+    measurementId: "G-5PBN6ZD4GQ"
+};
+
+
+
+// Initialize Firebase
+const app = initializeApp(firebaseConfig);
+// Initialize Firebase Authentication and get a reference to the service
+export const auth = getAuth(app)
+

src/index.html

@@ -1,14 +1,29 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
+  <!-- codigo agregado de prueba borrar si no funciono -->
+  <script async defer src="https://connect.facebook.net/en_US/sdk.js"></script>   
+  <!-- codigo agregado de prueba borrar si no funciono -->
+
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>Document</title>
+  <title>DoggoS</title>
+  <link rel="stylesheet" href="./style.css">
 </head>
+
 <body>
+  <main>
+    <section class="root" id ="root">
 
+    </section>
+
+  </main>
+
+
   <script type="module" src="main.js"></script>
-  <footer> Proyecto Social Media </footer>
+
 </body>
+
 </html>

src/main.js

@@ -1,5 +1,42 @@
-// Este es el punto de entrada de tu aplicacion
+import { register } from "./templates/viewRegister.js";
+import { login } from "./templates/viewLogin.js";
+// console.log(login())
+
+
+import './components/Register.js'
+// console.log("loginn", login)
+
+const root = document.querySelector('#root');
+
+const routes = {
+    '/': register,
+    '/login':login
+}
+
+// console.log("ubicacion",window.location.pathname)
+
+
+export const onNavigate = (pathname) => {
+    window.history.pushState(
+        {},
+        pathname,
+        window.location.origin + pathname
+    );
+    while(root.firstChild){
+        root.removeChild(root.firstChild);
+    }
+    root.appendChild(routes[pathname]());
+};
+
+const prints = routes[window.location.pathname];
+
+window.onpopstate = () => {
+    root.appendChild(prints());
+
+}
+root.appendChild(prints());
+
+
+
 
-import { myFunction } from './lib/index.js';
 
-myFunction();