Skip to content

Social Craft - Proyecto de red social desarrollado en javascript vanilla + firebase auth

Notifications You must be signed in to change notification settings

Isisag/SCL019-social-network

 
 

Repository files navigation

Social Craft 🤲🏻

Índice

1. Definición del Proyecto

En la actualidad no hay un lugar o plataforma donde reunir a todos los artistas. Es por esto que al buscar suplir la necesidad de que las personas que hagan manualidades puedan conectarse con sus similares, decidimos crear una red social en el cual los artistas puedan hacer comunidad, donde compartir sus trabajos, colaborar con otros artistas o bien crear nuevas instancias de aprendizaje, reunión y posible venta.

Usuarios

Personas que realizan trabajos manuales, que necesitan difundir su arte y conectar con otros artistas.

2. Despliegue

¡Puedes hacer uso de ✨Social Craft✨ pinchando el enlace!

3. Research

Se crearon formularios de Google para encuestar a diferentes usuarios. En ellos agregamos variadas preguntas que ellos nos debieron responder.

Encuesta de Usuario

Se realizaron preguntas para poder establecer nuestro diseño y nuestras historias de usuarios. A continuación se pueden observar las preguntas y resultados obtenidos.

Testeos de Usabilidad

Se realizó un testeo de usabilidad, para poder inferir si nuestro sitio funcionaba correctamente. A continuación se pueden observar las preguntas y respuestas dadas por los usuarios.

4. Historias de Usuario

Con el objetivo de planificar de una manera ágil entendiendo las principales necesidades de nuestros usuarios mientras priorizábamos el traspaso de esto al código decidimos abordar el proyecto a través de historias de usuario que serian las siguientes :

Historia de Usuario 1

Definición: Yo como usuario quiero poder crear una cuenta para poder acceder a la plataforma.

Criterios de aceptación
  • Los Usuarios deben tener la opción de crear una cuenta ya existente, como correo y contraseña.
  • Se puede acceder con cuenta de Google y/ Facebook e Instagram
  • Tiene que ser responsive.
  • Para el registro la contraseña debe ser de 6 caracteres.
  • Si la contraseña no cumple con los criterios o los caracteres saldría un mensaje
Criterios de Terminado
  • Debe ser una SPA.

  • Debe ser responsive.

  • Deben haber recibido code review de al menos una compañera de otro 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).

    Historia de Usuario 2

    Definición: Yo como usuario quiero hacer publicaciones en la plataforma y poder dar me gusta a otras publicaciones.

    Criterios de aceptación
  • El usuario puede escribir un post y subir una imagen a el donde también saldrá su display name como identificación para luego publicarlo

  • Puede dar like máximo una vez por cada usuario y ver la cantidad de likes de los post

  • No puede hacer una publicación sin contenido dentro

  • El usuario puede eliminar una publicación que haya hecho y le pedirá un confirmación para hacerlo.

Criterios de Terminado

  • Al recargar la aplicación, se debe verificar si el usuario está logueado antes de mostrar el contenido.
  • El usuario puede editar un post específico ya publicado y al dar click para editar un post, debe cambiar el texto por un input que permite 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.
  • Recibir code review de al menos una compañera de otro equipo.
  • Hicieron los test unitarios
  • Testear manualmente buscando errores e imperfecciones simples.
  • Hacer pruebas de usabilidad e incorporar el feedback de los usuarios como mejoras.
  • Desplegaron su aplicación y etiquetaron la versión (git tag).

5. Prototipado

Empezamos a prototipar en Mobile First, para tener asegurado el responsive en esta vista.

Prototipos de baja fidelidad

En este proceso definimos qué se debía agregar a la interfaz, como por ejemplo precio y materiales, para suplir la necesidad de que el usuario pueda agregar un valor a sus productos e indicar los componentes de su trabajo.

Prototipos de alta fidelidad

En esta etapa, pudimos definir una paleta de colores que reflejase la identidad de la Red Social y que le diera coherencia con la imagen corporativa.


La paleta de colores esta inspirada en dar
un refugio a lo creativo en un ambiente en que los artistas puedan sentir completa integración con la comunidad artística que los rodea.

La tipografía fue especialmente elegida con terminaciones redondeadas, que logran transmitir unidad y suavidad, dos cualidades muy características de las manualidades.

About

Social Craft - Proyecto de red social desarrollado en javascript vanilla + firebase auth

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 72.0%
  • CSS 22.0%
  • HTML 6.0%