From bf11dda2b99d2f9c8e5873b8cd2416d324828954 Mon Sep 17 00:00:00 2001 From: Ana Cecilia Toribio Arrieta Date: Tue, 20 Dec 2022 00:04:09 -0500 Subject: [PATCH 1/3] Logre el funcionamiento de registrarse con Firebase --- src/index.html | 31 +++-------------------------- src/main.js | 54 +++++++++++++++++++++++++++++++++++++++++++++----- 2 files changed, 52 insertions(+), 33 deletions(-) diff --git a/src/index.html b/src/index.html index a2892dd1..ca5f8745 100644 --- a/src/index.html +++ b/src/index.html @@ -10,13 +10,13 @@
-

DoogoS

+

DoggoS

Bienvenido(a)

REGISTRATE

-
+ @@ -28,32 +28,7 @@

REGISTRATE

- - - - + diff --git a/src/main.js b/src/main.js index 5ff478d9..aed2c945 100644 --- a/src/main.js +++ b/src/main.js @@ -3,18 +3,62 @@ import { myFunction } from './lib/index.js'; -myFunction(); -console.log("esto es main"); +// Import the functions you need from the SDKs you need +import { initializeApp } from "https://www.gstatic.com/firebasejs/9.15.0/firebase-app.js"; +import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.15.0/firebase-analytics.js"; +// TODO: Add SDKs for Firebase products that you want to use +// https://firebase.google.com/docs/web/setup#available-libraries +// Autentificacion +import {getAuth} from "https://www.gstatic.com/firebasejs/9.15.0/firebase-auth.js" +import {createUserWithEmailAndPassword} 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); +const analytics = getAnalytics(app); +// Initialize Firebase Authentication and get a reference to the service +const auth = getAuth(app) + + + + +// myFunction(); +// console.log("esto es main"); const nameRegister = document.querySelector("#nameRegister"); const emailRegister = document.querySelector("#emailRegister"); const passwordRegister = document.querySelector("#passwordRegister"); const passwordConfirm = document.querySelector("#passwordConfirm"); -const register = document.querySelector("#register"); +const buttonRegister = document.querySelector("#register"); +const formRegister = document.querySelector("#formRegister"); -register.addEventListener('click', (e) => { +formRegister.addEventListener('submit', (e) => { e.preventDefault(); - console.log(nameRegister.value , emailRegister.value); + 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) + }) + }) From b50d23b298b4ae3b78f157bac96d7b1f4dcc8eaa Mon Sep 17 00:00:00 2001 From: Ana Cecilia Toribio Arrieta Date: Tue, 20 Dec 2022 16:27:18 -0500 Subject: [PATCH 2/3] Agregue mensajes de errores en la pagina y archivo CSS --- src/index.html | 10 +++++++--- src/lib/style.css | 13 +++++++++++++ src/main.js | 24 +++++++++++++++++++++--- 3 files changed, 41 insertions(+), 6 deletions(-) create mode 100644 src/lib/style.css diff --git a/src/index.html b/src/index.html index ca5f8745..a14ab4b0 100644 --- a/src/index.html +++ b/src/index.html @@ -19,8 +19,12 @@

REGISTRATE

- - +
+
+ +
+ +
@@ -28,7 +32,7 @@

REGISTRATE

- + diff --git a/src/lib/style.css b/src/lib/style.css new file mode 100644 index 00000000..97177063 --- /dev/null +++ b/src/lib/style.css @@ -0,0 +1,13 @@ +/* poppins */ +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap'); +* { + margin : 0; + padding: 0; + box-sizing: border-box; +} + +body{ + /* extraligth 200 */ + font-family: 'Poppins', sans-serif;; +} + diff --git a/src/main.js b/src/main.js index aed2c945..66786dbd 100644 --- a/src/main.js +++ b/src/main.js @@ -45,6 +45,10 @@ const passwordRegister = document.querySelector("#passwordRegister"); const passwordConfirm = document.querySelector("#passwordConfirm"); const buttonRegister = document.querySelector("#register"); const formRegister = document.querySelector("#formRegister"); +const messageEmail = document.querySelector("#messageEmail"); +const messagePassword = document.querySelector("#messagePassword"); +const anotherMessageEmail = document.querySelector("#anotherMessageEmail"); +const messagePasswordConfirm = document.querySelector("#messagePasswordConfirm"); formRegister.addEventListener('submit', (e) => { e.preventDefault(); @@ -56,9 +60,23 @@ const authFirebase = createUserWithEmailAndPassword(auth, emailRegister.value, p console.log(authFirebase) }) .catch((error) => { - console.log(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" + } + }) }) - -}) + passwordConfirm.addEventListener("keydown", ()=> { + if( passwordConfirm.value != passwordRegister.value){ + messagePasswordConfirm.innerHTML = "la contrasena no es igual" + } + }) \ No newline at end of file From 849bb7824d97ff2886b820865eda652bb4e1260f Mon Sep 17 00:00:00 2001 From: Ana Cecilia Toribio Arrieta Date: Tue, 20 Dec 2022 16:53:49 -0500 Subject: [PATCH 3/3] Registro y errores --- src/main.js | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/main.js b/src/main.js index 66786dbd..032f9104 100644 --- a/src/main.js +++ b/src/main.js @@ -72,11 +72,12 @@ const authFirebase = createUserWithEmailAndPassword(auth, emailRegister.value, p messagePassword.innerHTML = "la contrasena debe tener por lo menos 6 caracteres" } }) - }) + }); - passwordConfirm.addEventListener("keydown", ()=> { + buttonRegister.addEventListener("click", ()=> { if( passwordConfirm.value != passwordRegister.value){ messagePasswordConfirm.innerHTML = "la contrasena no es igual" } - }) \ No newline at end of file + }); + \ No newline at end of file