- 1. Introducción
- 2. Objetivo del proyecto
- 3. Historia de usuario
- 4. Prototipo del proyecto
- 5. Implementación final
En el presente documento se plasma el desarrollo del proyecto Social Network: Festifan elaborado como parte de la currícula del bootcamp de Laboratoria - cohort DEV001. A cargo del equipo DL14: Carolina Velásquez Rodríguez, Marlizeth Tapia y Gabriela González Herrera. Social Network Festifan es una páguina web que simula una red social donde las personas que gusten de festivales musicales y conciertos podran encontrarse e interactuar sobre temas en común. A continuación se muestra la planeación y desarrollo del proyecto.
Con este proyecto el equipo desarrollo los siguientes objetivos:
- Desarrollar una SPA con temática de red social
- Aplicar los conceptos de responsividad en el desarrollo de las vistas (templates)
- Implementar un router para la navegación entre las diferentes vistas de la aplicación
- Emplear un servicio externo para la persistencia de datos de la aplicación
- Crear una suite de pruebas unitarias que permitan testear código asíncrono
Para lograr estos objetivos, deberás aprender y hacer uso de las siguientes herramientas o habilidades técnicas:
HU1: Como usuario de FestiFan quiero poder hacer una cuenta y logearme para acceder al sitio.
Criterios de aceptación:
- Poder registrarme usando un correo electrónico y contraseña.
- Poder registrarme utilizando una cuenta de Google.
- Poder ingresar al sitio con una cuenta y contraseña previamente registradas.
- Que se permita el acceso desde distintos dispositivos.
- El input de contraseña debe ser secreto.
- Poder identificar las siguientes validaciones:
- Verificar que se permita el acceso a usuarios con cuentas válidas.
- Validar que no usuarios repetidos.
- Comprobar que la cuenta de correo electrónico sea válido.
- Validar si la contraseña es incorrecta o no cumple con tener al menos de 6 digitos.
- Si hay errores, se deben mostrar mensajes descriptivos para ayudar al usuario a corregirlos.
HU2: Como usuario quisiera poder crear, editar y borrar una publicación para compartir mis experiencias y expresar mis dudas.
Criterios de aceptación:
- Al recargar la aplicación, se debe verificar si el usuario está logueado antes de mostrar contenido.
- Poder publicar un post.
- Poder eliminar un post específico.
- Al dar click para editar un post, debe cambiar el texto por un input que permita editar el texto y luego guardar los cambios.
- Al guardar los cambios debe cambiar de vuelta a un texto normal pero con la información editada.
- Al recargar la página se podrán ver los textos editados.
HU3: Como usuario de FestiFan quiero poder ver las publicaciones ordenadas de la más reciente a la mas antigua y saber su fecha y hora.
Criterios de aceptación:
- Cada post debera contener la fecha y hora en la que fue realizado.
- Poder ver el post más reciente en la parte superior del feed.
De las historias de usuario descritas anteriormente se consideró la siguiente definición de terminado:
- Debe ser una SPA.
- Debe ser responsive.
- Deben haber recibido code review de al menos una compañera de otro equipo.
- Hicimos los test unitarios
- Testeamos manualmente buscando errores e imperfecciones simples.
- Hicimos pruebas de usabilidad e incorporaron el feedback de los usuarios como mejoras.
- Desplegamos la aplicación y etiquetamos la versión (git tag).
Prototipo mobile (captura de figma version mobile)
Prototipo Desktop (captura de figma version Desktop)
Versión mobile
Versión Desktop
