Laboratoria · fabi-pharoxysme · Apr 15, 2020 · Apr 16, 2020 · Apr 17, 2020 · Apr 30, 2020
diff --git a/Readme.md b/Readme.md
diff --git a/package.json b/package.json
@@ -32,5 +32,8 @@
     "serve": "^11.0.2",
     "stylelint": "^10.1.0",
     "stylelint-config-recommended": "^2.2.0"
+  },
+  "dependencies": {
+    "bulma": "^0.8.2"
   }
-}
+}
diff --git a/src/controller/firebase-controller.js b/src/controller/firebase-controller.js
@@ -0,0 +1,72 @@
+import { postPage } from '../views/postpageProfile.js';
+
+export const db = firebase.firestore();
+// Authentication
+const usersRef = db.collection('users');
+const auth = firebase.auth();
+
+export function saveUser(user) {
+  const { displayName, uid, photoURL, email } = user;
+  const u = {
+    displayName,
+    uid,
+    photoURL,
+    email,
+  };
+  usersRef.doc(user.uid).set(u);
+}
+export const login = (email, password) => {
-}
-export const login = (email, password) => {
+}
+
+export const login = (email, password) => {
-}
-export const login = (email, password) => {
+}
+
+export const login = (email, password) => {
+  auth.signInWithEmailAndPassword(email, password)
+    .then((snap => {
+      console.log(snap);
+      postPage();
+      return snap.user;
+    }))
+    .catch((error => {
+      let errorCode = error.code;
+      let errorMessage = error.message;
+      console.log(`Lo sentimos : ${errorCode} ${errorMessage} `);
+      return error;
+    }));
+};
+export const signup = (email, password) => {
+  auth.createUserWithEmailAndPassword(email, password)
+    .then((snap => {
+      console.log(snap);
-      console.log(snap);
+      
-      console.log(snap);
+      
+      saveUser(snap.user);
+      let mail = snap.user.email;
+      alert(`${mail} registro exitoso!`);
+      postPage();
+      return snap.user;
+    }))
+    .catch((error => {
+      let errorCode = error.code;
+      let errorMessage = error.message;
+      alert(`lo sentimos: ${errorCode} ${errorMessage}`)
-      alert(`lo sentimos: ${errorCode} ${errorMessage}`)
+      
-      alert(`lo sentimos: ${errorCode} ${errorMessage}`)
+      
+      return error;
+    }));
+};
+// Login with google
+export function loginGoogle() {
+  let provider = new firebase.auth.GoogleAuthProvider();
+  return firebase.auth().signInWithPopup(provider)
+    .then(snap => {
+      saveUser(snap.user);
+      postPage();
+      return snap.user;
+    });
+}
+// Login with Facebook
-// Login with Facebook
+// Login with Facebook
-// Login with Facebook
+// Login with Facebook
+export function loginFace() {
+  var provider = new firebase.auth.FacebookAuthProvider();
+  return firebase.auth().signInWithPopup(provider)
+    .then((result => {
+      saveUser(result.user);
+      postPage();
+      console.log(result.user);
-      console.log(result.user);
+  
-      console.log(result.user);
+  
+      return result.user;
+    }));
+}
+// Add Post
+
+export const postsRef = db.collection('posts');
diff --git a/src/images/Imagen1.png b/src/images/Imagen1.png
diff --git a/src/images/bienvenidoapp.png b/src/images/bienvenidoapp.png
diff --git a/src/images/complete_recipe.png b/src/images/complete_recipe.png
diff --git a/src/images/faceImage.png b/src/images/faceImage.png
diff --git a/src/images/gmailImage.png b/src/images/gmailImage.png
diff --git a/src/images/logo.png b/src/images/logo.png
diff --git a/src/images/logo1.png b/src/images/logo1.png
diff --git a/src/images/logob.jpg b/src/images/logob.jpg
diff --git a/src/images/pantalla1.png b/src/images/pantalla1.png
diff --git a/src/images/pantalla2.png b/src/images/pantalla2.png
diff --git a/src/images/pantalla3.png b/src/images/pantalla3.png
diff --git a/src/images/pantalla4.png b/src/images/pantalla4.png
diff --git a/src/images/pantallapost.png b/src/images/pantallapost.png
diff --git a/src/images/postingrecipes.png b/src/images/postingrecipes.png
diff --git a/src/images/profileposts.png b/src/images/profileposts.png
diff --git a/src/images/prot1v2.png b/src/images/prot1v2.png
diff --git a/src/images/prot2v2.png b/src/images/prot2v2.png
diff --git a/src/images/prot3v2.png b/src/images/prot3v2.png
diff --git a/src/images/prot4v2.png b/src/images/prot4v2.png
diff --git a/src/images/registrate.png b/src/images/registrate.png
diff --git a/src/index.html b/src/index.html
@@ -4,9 +4,35 @@
   <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>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.8.2/css/bulma.min.css">
+  <link rel="stylesheet" href="style.css">
+  <title>social-network-recipes</title>
-  <title>social-network-recipes</title>
+  <title>recipes</title>
-  <title>social-network-recipes</title>
+  <title>recipes</title>
 </head>
 <body>
+<!-- TODO: Add SDKs for Firebase products that you want to use
+     https://firebase.google.com/docs/web/setup#available-libraries -->
+     <script src="https://www.gstatic.com/firebasejs/7.14.2/firebase.js"></script>
+     <script>
+       var firebaseConfig = {
-       var firebaseConfig = {
+       const firebaseConfig = {
-       var firebaseConfig = {
+       const firebaseConfig = {
+         apiKey: "AIzaSyBucI_PfC9w2g4RpcojM47YE9aEcJrdUrA",
+         authDomain: "social-network-recipes.firebaseapp.com",
+         databaseURL: "https://social-network-recipes.firebaseio.com",
+         projectId: "social-network-recipes",
+         storageBucket: "social-network-recipes.appspot.com",
+         messagingSenderId: "265483566973",
+         appId: "1:265483566973:web:4eacc08547367e47ed1614",
+         measurementId: "G-XTZT14HD22"
+       };
+       firebase.initializeApp(firebaseConfig);
+       firebase.analytics();
+     </script>
   <script type="module" src="index.js"></script>
+  <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
-  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
-<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
-<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
-<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
+//bulma esta instalado arriba, en la linea 7 esta su enlace cdn
-  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
-<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
-<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
-<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
+//bulma esta instalado arriba, en la linea 7 esta su enlace cdn
+  <div id="root" class="root"></div>
+  <div id = "footer"></div>
 </body>
 </html>