Giter Site home page Giter Site logo

scl013-social-network's Introduction

LOFCHE - Colaborando en comunidad

Índice

1. Introducción

Lofche significa "Comunidad" en el idioma Mapudungun. ¡Y eso es lo que somos! Una comunidad para averiguar todas aquellas cosas que no sabemos, aquellas cosas que buscamos y no encontramos. ¡Ayuda y conexión constante con tu ciudad y las almas que viven en ella!

2. Producto

2.1 Definición del producto

Red social dirigida a personas que pertenezcan a una comunidad, vecindad o barrio, que deseen conectar y generar redes de apoyo.

2.2 Usuario objetivo

Personas de un rango de edad de los 20 a los 40 años que busquen integrarse más a su comunidad y crear lazos colaborativos.

2.3 Usabilidad del producto

Genera un espacio en donde los miembros de una comunidad barrial/vecindad puedan resolver inquietudes, solicitar información, ayudar a vecinos que lo necesiten y generar redes de apoyo.

3. Historias de Usuario

3.1 Historia 1

Como vecin@ quiero una página en donde pueda comunicarme con las personas de mi barrio.

Criterios de aceptación:

  • El usuario podrá acceder a una página dirigida a la conectividad barrial.
  • El usuario podrá ver información de qué trata la página (red social).
  • La página podrá visualizarse desde cualquier dispositivo.
  • Historia en prototipado de baja fidelidad.
  • Historia en prototipado de alta fidelidad.

3.2 Historia 2

Como usuario quiero poder registrarme a la página.

Criterios de aceptación:

  • El usuario podrá acceder a la opción de registrarse.
  • El usuario podrá registrarse con Google.
  • El usuario podrá registrarse en la página.
  • El usuario recibirá confirmación de su registro en su correo electrónico.
  • Historia en prototipado de baja fidelidad.
  • Historia en prototipado de alta fidelidad.

3.3 Historia 3

Yo como usuario quiero Iniciar Sesión para ingresar a la página.

Criterios de aceptación:

  • El usuario podrá acceder al formulario para iniciar sesión.
  • Podrá iniciar sesión con cuenta de Google.
  • Podrá iniciar sesión con registro de la página.
  • Una vez iniciada la sesión debe llevar al muro de la web.
  • Historia en prototipado de baja fidelidad.
  • Historia en prototipado de alta fidelidad.

3.4 Historia 4

Como usuario quiero postear publicaciones para que mis vecinos las vean y le den like (comentar, guardar publicación, notificaciones).

Criterios de aceptación:

  • El usuario podrá acceder a sección en donde aparezca el muro de publicaciones.
  • Las publicaciones se verán por fecha y hora de posteo.
  • Historia en prototipado de baja fidelidad.
  • Historia en prototipado de alta fidelidad.

Validaciones

  • Al publicar, se debe validar que exista contenido en el input.

Comportamiento

  • Al recargar la aplicación, se debe verificar si el usuario está logueado antes de mostrar contenido.
  • Poder publicar un post.
  • Poder dar y quitar like a una publicación. Máximo uno por usuario.
  • Llevar un conteo de los likes.
  • Poder eliminar un post específico.
  • Pedir confirmación antes de eliminar un post.
  • 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 debo de poder ver los textos editados.

3.5 Historia 5

Como usuario quiero tener un perfil para que mis vecinos me conozcan (nombre, nombre de usuario, foto, aporte/emprendimiento).

Criterios de aceptación:

  • El usuario podrá acceder a una sección de la página en donde se pueda editar su perfil.
  • El usuario podrá editar su nombre.
  • El usuario podrá editar su nombre de usuario.
  • El usuario podrá colocar una foto de perfil.
  • El usuario podrá colocar información de su aporte a la comunidad .
  • Historia en prototipado de baja fidelidad.
  • Historia en prototipado de alta fidelidad.

3.6 Historia 6

Como usuario quiero ver el perfil de mis amigos y agregarlos.

Criterios de aceptación:

  • El usuario podrá acceder a una sección para buscar amigos.
  • El usuario podrá acceder a una barra de búsqueda.
  • El usuario podrá, una vez encontrado un contacto de interés, seleccionarlo y ver su perfil.
  • El usuario podrá agregar amigos a su perfil.
  • El usuario podrá ver las publicaciones de sus amigos en su muro.
  • Historia en prototipado de baja fidelidad.
  • Historia en prototipado de alta fidelidad.

3.7 Historia 7

Como usuario quiero ver la zona de notificaciones.

Criterios de aceptación:

  • El usuario podrá ir a sección de las notificaciones.
  • El usuario podrá ver si sus publicaciones tuvo interacciones (likes o comentarios).
  • El usuario recibirá confirmación de su registro en su correo electrónico.
  • Historia en prototipado de baja fidelidad.
  • Historia en prototipado de alta fidelidad.

3.8 Deficinión 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).

4. Proceso de Diseño

La lluvia de ideas en el desarrollo de este proyecto dio la creación de prototipos de baja fidelidad en papel y lápiz como también en invision. Como también a prototipos de alta fidelidad en Figma.

4.1.1 Protitipo baja fidelidad papel y lápiz

Pendiente

4.1.2 Prototipo baja fidelidad InVision

Para visualizar este prototipo en su página, haz click aquí. Papel y Lápiz

4.1.3 Prototipo alta fidelidad Figma

El prototipo de alta fidelidad lo puedes visualizar aquí. Figma 1 Figma 2 Figma 3

4.2 Paletas de colores

Paleta colores 1

5. Diagrama de flujo

Diagrama 1 Diagrama 2Pendientes: -Flujograma de archivos -Pantallazo al trello -Tests

scl013-social-network's People

Contributors

constlaf avatar nathaliachn avatar valeriaconstanzabc avatar niennis avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.