En este proyecto se construyo una Red Social,titulada "Leeme". La cual trata sobre opiniones de lectores. "Leeme" permite a cualquier usuario crear una cuenta de acceso;ya sea, con correo y contraseña o por google, y loguearse con ella; crear, editar, borrar y "likear" publicacciones.
- HTML
- CSS
- JavaScript
- Control de versiones (Git y Github)
- Firebase
"Yo Como:" aficionada de la lectura "Quiero": crear una cuenta en la red social con usuario y contraseña "Para" poder ingresar posteriormente con esos datos a la red social Criterios de Aceptación:
- Caja de texto para contraseña
- Caja de texto para correo electronico
- Boton para crear cuenta
- Caja de texto para el nombre/ apodo Definición de terminado:
- Debe ser una SPA.
- Debe ser responsive.
- Deben haber recibido code review de al menos una compañera del equipo.
- Hicieron los test unitarios
- Testearon manualmente buscando errores e imperfecciones simples.
- Hicieron pruebas de usabilidad e incorporaron el feedback de los usuarios como mejoras.
- Desplegaron su aplicación y etiquetaron la versión (git tag).
"Yo Como:" aficionada de la lectura "quiero": quiero ingresar a la red social con mi correo y contraseña "para": encontrar personas con mis mismos gustos Criterios de Aceptación:
- Caja de texto para escribir correo electronico
- Caja de texto para escribir contraseña
- Boton para hacer Log in Definición de terminado:
- Debe ser una SPA.
- Debe ser responsive.
- Deben haber recibido code review de al menos una compañera del equipo.
- Hicieron los test unitarios
- Testearon manualmente buscando errores e imperfecciones simples.
- Hicieron pruebas de usabilidad e incorporaron el feedback de los usuarios como mejoras.
- Desplegaron su aplicación y etiquetaron la versión (git tag).
"Yo Como:" aficionada de la lectura "quiero": crear una cuenta en la red social con mi cuenta de Google "para": facilitarme mi ingreso a la plataforma en una forma fácil sin crear nuevas cuentas Criterios de Aceptación:
- Boton para crear cuenta con Google
- Definición de terminado:
- Debe ser una SPA.
- Debe ser responsive.
- Deben haber recibido code review de al menos una compañera del equipo.
- Hicieron los test unitarios
- Testearon manualmente buscando errores e imperfecciones simples.
- Hicieron pruebas de usabilidad e incorporaron el feedback de los usuarios como mejoras.
- Desplegaron su aplicación y etiquetaron la versión (git tag).
"Yo Como:" aficionada de la lectura "Quiero": quiero ingresar a la red social con mi cuenta de google "Para": encontrar personas con mis mismos gustos Criterios de Aceptación:
- Agregar un boton para poder ingresar con Google Definición de terminado:
- Debe ser una SPA.
- Debe ser responsive.
- Deben haber recibido code review de al menos una compañera del equipo.
- Hicieron los test unitarios
- Testearon manualmente buscando errores e imperfecciones simples.
- Hicieron pruebas de usabilidad e incorporaron el feedback de los usuarios como mejoras.
- Desplegaron su aplicación y etiquetaron la versión (git tag).
"Yo Como:" usuaria de la red social "Quiero": crear publicación en la red social "Para": compartir mis opiniones sobre libros Criterios de Aceptación:
- Caja de texto para publicacion
- Boton para crear publicacion Definición de terminado:
- Debe ser una SPA.
- Debe ser responsive.
- Deben haber recibido code review de al menos una compañera del equipo.
- Hicieron los test unitarios
- Testearon manualmente buscando errores e imperfecciones simples.
- Hicieron pruebas de usabilidad e incorporaron el feedback de los usuarios como mejoras.
- Desplegaron su aplicación y etiquetaron la versión (git tag).
"Yo Como:" usuaria de la red social "Quiero": Leer publicación en la red social "Para": conocer las opiniones sobre libros de los usuarios Criterios de Aceptación:
- Boton para ir a crear publicacion
- lista de publicaciones Definición de terminado:
- Debe ser una SPA.
- Debe ser responsive.
- Deben haber recibido code review de al menos una compañera del equipo.
- Hicieron los test unitarios
- Testearon manualmente buscando errores e imperfecciones simples.
- Hicieron pruebas de usabilidad e incorporaron el feedback de los usuarios como mejoras.
- Desplegaron su aplicación y etiquetaron la versión (git tag).
"Yo Como:" usuaria de la red social "Quiero": dar like a las publicaciones "Para": indicar que me gusto la publicacion Criterios de Aceptación:
- Poder usar el boton "like" y visualice el número al costado
- Cada que se da click cambio el color del boton like Definición de terminado:
- Debe ser una SPA.
- Debe ser responsive.
- Deben haber recibido code review de al menos una compañera del equipo.
- Hicieron los test unitarios
- Testearon manualmente buscando errores e imperfecciones simples.
- Hicieron pruebas de usabilidad e incorporaron el feedback de los usuarios como mejoras.
- Desplegaron su aplicación y etiquetaron la versión (git tag).
"Yo Como:" usuaria de la red social "Quiero": quitar el like a las publicaciones "Para": indicar que dejo de gustarme una publicacion Criterios de Aceptación:
- Poder usar el boton "like" y visualice el número al costado
- Cada que se da click cambio el color del boton like
- El boton like blanco representará que se quito el like Definición de terminado:
- Debe ser una SPA.
- Debe ser responsive.
- Deben haber recibido code review de al menos una compañera del equipo.
- Hicieron los test unitarios
- Testearon manualmente buscando errores e imperfecciones simples.
- Hicieron pruebas de usabilidad e incorporaron el feedback de los usuarios como mejoras.
- Desplegaron su aplicación y etiquetaron la versión (git tag).
"Yo Como:" usuaria de la red social "Quiero": eliminar una publicacion "Para": que ya no se visualice más Criterios de Aceptación:
- Crear un boton para eliminar
- Crear un boton para confirmar que desea eliminar la publicacion Definición de terminado:
- Debe ser una SPA.
- Debe ser responsive.
- Deben haber recibido code review de al menos una compañera del equipo.
- Hicieron los test unitarios
- Testearon manualmente buscando errores e imperfecciones simples.
- Hicieron pruebas de usabilidad e incorporaron el feedback de los usuarios como mejoras.
- Desplegaron su aplicación y etiquetaron la versión (git tag).
"Yo Como:" usuaria con una publicacion "Quiero": editar mi publicacion "Para": cambiar el contenido Criterios de Aceptación:
- Boton para editar publicacion
- Boton para guardar cambios Definición de terminado:
- Debe ser una SPA.
- Debe ser responsive.
- Deben haber recibido code review de al menos una compañera del equipo.
- Hicieron los test unitarios
- Testearon manualmente buscando errores e imperfecciones simples.
- Hicieron pruebas de usabilidad e incorporaron el feedback de los usuarios como mejoras.
- Desplegaron su aplicación y etiquetaron la versión (git tag).
El prototipo de alta fidelidad se hizo en figma.
Se realizaron test para las funciones que vimos oportunas de testear y tuvimos los siguientes resultados:
Software usado
- Code
- UNIX Shell
- Git bash
- Git
- Git Hub
- Git Hub Pages
Referencias
- Promesas en Javascript
- Autentificacion con Firebase y JavaScript
- Documentacion de autentificacion Firebase
- Metodo try and catch
- Resolver dependencias circulares
- Autentificacion de email y contraseña con firebase
- Desactivar eventos de un boton
- Cambiar texto a input
- Cambiar comportamiento de los mocks
- Boton editar y actualizacion de datos en firebase
- Ubicar cursor al final del texto automaticamente al momento de editar