Social Network equipo 14#33
Conversation
…n un poco de interaccion, permite pasar de una pagina a otra por medio de los botones de registrarse e iniciar sesion
…iciar sesion sin problema
…nera se agrego una pagina de inicio
Se agregan imagenes de las pantallas en la aplicación
Intro Bake Recipes Book
Se agregan imagenes de la versión final
Cambios en Readme
Cambios al readme
Cambios al Readme
Cambios al Readme
add button delete function in profile
reloadercf
left a comment
There was a problem hiding this comment.
Hay mucho que mejorar pero siguiendo las recomendaciones y documentándose sera posible una mejora continua, creo que elegir un framework al inicio y probarlo puede que sea la mejor forma para decidir si se queda o se desinstala, mantener 2 frameworks definitivamente esta mal, algo que me hubiera gustado ver seria testing, es importante empezarlo paralelamente el testing, lo que más me gusto de su proyecto es la estructura y ver que en su mayoria implementaron buenas practicas.
| export const db = firebase.firestore(); | ||
| // Authentication | ||
| const usersRef = db.collection('users'); | ||
| const auth = firebase.auth(); |
There was a problem hiding this comment.
Me agrada que tengan la buena practica de nombran const a las variables que no cambian ;)
| } | ||
| export const login = (email, password) => { |
There was a problem hiding this comment.
| } | |
| export const login = (email, password) => { | |
| } | |
| export const login = (email, password) => { |
Sugerencia
| export const signup = (email, password) => { | ||
| auth.createUserWithEmailAndPassword(email, password) | ||
| .then((snap => { | ||
| console.log(snap); |
There was a problem hiding this comment.
En una versión de construcción esta bien tener los console.log( ) pero en una versión de producción (y más para revisión) se deben de quitar.
| console.log(snap); | |
| console.log(snap); | ||
| saveUser(snap.user); | ||
| let mail = snap.user.email; | ||
| alert(`${mail} registro exitoso!`); |
There was a problem hiding this comment.
No se recomienda el uso de alerts porque suele ser confuso para el usuario.
| .catch((error => { | ||
| let errorCode = error.code; | ||
| let errorMessage = error.message; | ||
| alert(`lo sentimos: ${errorCode} ${errorMessage}`) |
There was a problem hiding this comment.
otro alert
| alert(`lo sentimos: ${errorCode} ${errorMessage}`) | |
| border: 0px; | ||
| } | ||
|
|
||
| .imgSignUp{ |
There was a problem hiding this comment.
| .imgSignUp{ | |
| .img-sign-up{ |
| border-radius: 92px; | ||
| } | ||
|
|
||
| .logoSignUp{ |
There was a problem hiding this comment.
| .logoSignUp{ | |
| .logo-sign-up{ |
| root.innerHTML = `<div id="navBar"> | ||
| <img class="is-rounded" src="https://uxrecipe.github.io/img/uxrecipe-logo.png" id="logo"> | ||
| <div class="dropdown"> | ||
| <button class="dropbtn"><i class="fas fa-bars" aria-hidden="true"></i></button> | ||
| <div class="dropdown-content"> | ||
| <a href="#"><i class="fas fa-bell" aria-hidden="true"></i> Notificaciones</a> | ||
| <a href="#"><i class="fas fa-bookmark" aria-hidden="true"></i> Guardado</a> | ||
| <a href="#"><i class="fas fa-wrench" aria-hidden="true"></i> Configuracion</a> | ||
| </div> | ||
| </div> | ||
| </div> |
There was a problem hiding this comment.
identación
| root.innerHTML = `<div id="navBar"> | |
| <img class="is-rounded" src="https://uxrecipe.github.io/img/uxrecipe-logo.png" id="logo"> | |
| <div class="dropdown"> | |
| <button class="dropbtn"><i class="fas fa-bars" aria-hidden="true"></i></button> | |
| <div class="dropdown-content"> | |
| <a href="#"><i class="fas fa-bell" aria-hidden="true"></i> Notificaciones</a> | |
| <a href="#"><i class="fas fa-bookmark" aria-hidden="true"></i> Guardado</a> | |
| <a href="#"><i class="fas fa-wrench" aria-hidden="true"></i> Configuracion</a> | |
| </div> | |
| </div> | |
| </div> | |
| root.innerHTML = | |
| `<div id="navBar"> | |
| <img class="is-rounded" src="https://uxrecipe.github.io/img/uxrecipe-logo.png" id="logo"> | |
| <div class="dropdown"> | |
| <button class="dropbtn"> | |
| <i class="fas fa-bars" aria-hidden="true"></i> | |
| </button> | |
| <div class="dropdown-content"> | |
| <a href="#"><i class="fas fa-bell" aria-hidden="true"></i> Notificaciones</a> | |
| <a href="#"><i class="fas fa-bookmark" aria-hidden="true"></i> Guardado</a> | |
| <a href="#"><i class="fas fa-wrench" aria-hidden="true"></i> Configuracion</a> | |
| </div> | |
| </div> | |
| </div> |
| </div> | ||
| </div> | ||
| </div> | ||
| <br> |
There was a problem hiding this comment.
Cada vez que se usa br muere un gatito :´´( no usen br mejor usen salto de párrafo
| <br> | |
| <p/> |
| const profile = document.querySelector("#profile"); | ||
| profile.onclick = postPage; | ||
| const newPost = document.querySelector('#newPost'); |
There was a problem hiding this comment.
Si la variable cambia el valor es mejor usar let
| const profile = document.querySelector("#profile"); | |
| profile.onclick = postPage; | |
| const newPost = document.querySelector('#newPost'); | |
| let profile = document.querySelector("#profile"); | |
| profile.onclick = postPage; | |
| let newPost = document.querySelector('#newPost'); |
Pull request de proyecto Social-Network
Equpo 14 :
Shei Miceli
Astrid Gutierrez
Fabiola Ruiz