Code review#17
Conversation
…ifican, se hace router en index.js pero no cambia a pantalla de registro
…ifican, se hace router en index.js pero no cambia a pantalla de registro
…o the home page. button logout is added. first attempts with firestore
…ection of posts is made but they still cannot be shown
…style. The timestamp is changed to show the post creation date. users are no longer duplicated in firestore
…e are placed but still do not have functionality
…attempt to modify post without success
…attempt to modify post without success
…splay user data. function to edit posts does not work yet
reloadercf
left a comment
reloadercf
left a comment
There was a problem hiding this comment.
Me gusto su proyecto, entiendo la situación del equipo y la falta de una de sus integrantes les genero sobrecarga de trabajo a una de ustedes, aun así considero que pueden complementar con lo faltante como por ejemplo los test, otra cosa que observe en su código es el criterio o ¿en que caso decidieron usar local storage y en que casos usaron firebase? también podrían agregar su archivo Readme para tener en claro más información referente al proyecto.
| </div> | ||
| </header> | ||
| <section class="sesionPrincipal"> | ||
| <form action="" class="newPost"> |
There was a problem hiding this comment.
Si el action del form no tiene nada seria bueno quitarlo
| <form action="" class="newPost"> | |
| <form class="newPost"> |
| </header> | ||
| <section class="sesionPrincipal"> | ||
| <form action="" class="newPost"> | ||
| <div class="welcome">Hola: <br><br><span id="username"></span></div> |
There was a problem hiding this comment.
br no es una etiqueta recomendada, para hacer saltos de linea se recomienda
y si se requiere que sea más espaciado pueden incorporar estilos (margen y padding).
| <div class="welcome">Hola: <br><br><span id="username"></span></div> | |
| <div class="welcome">Hola: <p><span id="username" /></p></div> |
| const loginView = document.createElement('div'); | ||
| loginView.setAttribute('class', 'viewsStyle'); | ||
| loginView.innerHTML = ` | ||
| <center><h3>Inicia Sesión con tu email</h3></center> |
There was a problem hiding this comment.
Center no es la mejor manera de centrar los elementos, la recomendación es centrar por medio de css.
| <center><h3>Inicia Sesión con tu email</h3></center> | |
| <h3 class="h3-center">Inicia Sesión con tu email</h3> |
pueden utilizar justify-content: center
| <button type="submit" class="registerButton" id="loginButton">INICIAR SESIÓN</button> | ||
| <h5><a href="#/passwordRecovery" id="recover">¿Has olvidado la contraseña?</a></h5> | ||
| </form> | ||
| <div class="conectWithSocialMedia"> |
There was a problem hiding this comment.
si la clase definida es para implementar estilos, no se recomienda el uso de camel case
| <div class="conectWithSocialMedia"> | |
| <div class="conect-with-social-media"> |
| <h1>Recupera tu contraseña</h1> | ||
| <p>Te enviaremos un correo electrónico para recuperar tu contraseña</p> | ||
| <form class="recoveryForm"> | ||
| <input type="email" required id="loginMail" placeholder= "Correo electrónico"> |
There was a problem hiding this comment.
espacios
| <input type="email" required id="loginMail" placeholder= "Correo electrónico"> | |
| <input type="email" required id="loginMail" placeholder="Correo electrónico"> |
| const query = currentUserRef.where('postOwner', '==', localStorage.getItem('uid')); | ||
| query.get() |
There was a problem hiding this comment.
te sujeto cambiar el nombre de query para especificar bien el nombre de la variable y saber a que hace referencia
| const query = currentUserRef.where('postOwner', '==', localStorage.getItem('uid')); | |
| query.get() | |
| const getPosts= currentUserRef.where('postOwner', '==', localStorage.getItem('uid')); | |
| getPosts.get() |
| // export const example = () => { | ||
| // // aquí tu código | ||
| // } |
| /* eslint-disable no-console */ | ||
| /* eslint-disable no-alert */ |
There was a problem hiding this comment.
si no se utiliza eslint, es mejor desinstalarlo.
| const provider = new firebase.auth.GoogleAuthProvider(); | ||
| firebase.auth().signInWithPopup(provider) | ||
| .then(() => { | ||
| // const user = result.user; |
There was a problem hiding this comment.
| // const user = result.user; |
| width: 85%; | ||
| height: auto; |
There was a problem hiding this comment.
al definir width y asignarle un valor, puedes omitir height.
| width: 85%; | |
| height: auto; | |
| width: 85%; | |
4 participants
Code Makers