Skip to content

ValeMontecinosP/SCL019-social-network

 
 

Repository files navigation


Ir a Plantasia

Plantasia es una red social orientada a conectar a personas amantes de las plantas, en un espacio dedicado específicamente al tema. La forma en la que Plantasia resuelve esta necesidad es a través de la posibilidad que da al usuario de publicar contenido, dar y recibir likes e incluso editar o borrar sus publicaciones. Así, nuestros usuarios podrán compartir dudas, consejos o simplemente actualizaciones respecto al estado de sus plantas.

Índice

Hallazgos

La temática de nuestro proyecto la determinamos definiendo 3 propuestas iniciales, para luego decidir la opción que desarrollaríamos. Encuestamos a un grupo de alrededor de 40 personas, quienes escogieron la opción de desarrollar una red social de plantas.

Después de ya seleccionar la temática, se hicieron algunas encuestas para definir bien a nuestro usuario.

Historias de Usuario

HU1

En nuestra primera Historia de Usuario definimos la vista de registro de cuenta, investigando e implementando las funcionalidades de Firebase de crear usuario de forma manual o con una cuenta de Google.

Criterios de Aceptación

  • Que el usuario pueda iniciar sesión con correo y contraseña (****)
  • Que el usuario pueda usar su cuenta de google para iniciar sesión
  • Que la contraseña se oculte/muestre
  • Que el usuario si es que no tiene una cuenta, pueda dirigirse a la vista de registro.
  • Que la plataforma responsive

Prototipo formato mobile

Prototipo formato desktop

HU2

En la segunda Historia de Usuario definimos la vista de inicio de sesión, nuevamente investigando e implementando las funcionalidades de Firebase para iniciar sesión de forma manual, y/o utilizando la autenticación a través de una cuenta de Google.

Criterios de Aceptación

  • Que el usuario pueda crear una cuenta con correo, nombre de usuario y contraseña (****)
  • Que el usuario pueda usar su cuenta de google para registrarse
  • Que la contraseña se oculte/muestre
  • Que el usuario si es que ya se creó una cuenta, pueda dirigirse a la vista de iniciar sesión.
  • Que la plataforma responsive

HU3

En nuestra tercera Historia de Usuario definimos la vista del muro en el cual se desplegan los posts de los usuarios. En nuestro prototipo de baja fidelidad aparecen post con texto y con imágenes, con botones para dar "me gusta" y comentar en cada post. En esta historia de usuario desarrollamos las funcionalidades de escribir un nuevo post, y que estos de desplieguen con el nombre de usuario, y que los posts aparezcan del más reciente al más antiguo. Además, añadimos el botón de "me gusta" y el contador de estos, con las condiciones de un "me gusta" por usuario en un post.

Una de las restricciones añadidas a través del ruteo de flujo de nuestra página web fue la de poder acceder al muro solo si el usuario ha iniciado sesión.

Criterios de Aceptación

  • Que el usuario pueda publicar texto en el muro con un text area y con un botón de publicar
  • Que se guarden las publicaciones en tiempo real
  • Que el usuario pueda ver las publicacione ordenadas desde el más reciente al más antiguo
  • Que el usuario pueda darle like a un post
  • Que usuario pueda ver un contador de likes por publicación
  • Que la plataforma responsive

Prototipo formato mobile

Prototipo formato desktop

Proceso de diseño

Tecnologías

Icono JavaScript Icono HTML5 Icono CSS Icono Firebase Icono Git Icono GitHub Icono Visual Studio Code Icono Figma Icono Trello

Palabras clave: JavaScript, HTML5, CSS3, Firebase, Git, GitHub, Visual Studio Code, Figma, Trello.

About

Repositorio tercer proyecto para cohort SCL019 de Santiago de Chile

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 75.9%
  • CSS 22.6%
  • HTML 1.5%