Skip to content

GladysHuancaLu/LIM008-social-network

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

79 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Creando una Red Social

Índice

Preámbulo red social

Empecemos haciéndonos la siguiente pregunta ¿Qué son las redes sociales? Sabemos que son sitios de internet formados por comunidades de personas con intereses o actividades en común (como amistad, parentesco, trabajo) y que permiten el contacto entre estos, de manera que se puedan comunicar e intercambiar información. Los individuos no necesariamente se tienen que conocer previo a tomar contacto a través de una red social, sino que pueden hacerlo a través de ella, y ese es uno de los mayores beneficios de las comunidades virtuales.

Tipos de Redes Sociales
  • Redes genéricas: Son muy numerosas y populares (como Facebook o Twitter).
  • Redes profesionales: Como LinkedIn, que involucran individuos que comparten el ámbito laboral o que buscan ampliar sus fronteras laborales y pueden ser abiertas o cerradas.
  • Redes temáticas: Relacionan personas con intereses específicos en común, como música, hobbies, deportes, etc., siendo la más famosa Flickr (temática: fotografía).

Resumen del Proyecto

¿QUIÉN NO QUERRÍA PASARSE LA VIDA VIAJANDO?

Aunque al principio debe ser algo complicado, durante el transcurso terminas aprendiendo muchas cosas que pueden ayudarte a mantener tus viajes. Desde dónde comprar los boletos de avión, como llegar de manera rápida, que caminos tomar, hasta saber en qué lugares te puedes hospedar, no hay fuente más confiable que la que proviene de la misma experiencia de otras personas que hayan visitado antes el lugar. He allí la importancia del tema que hoy venimos a discutir. Imagínate que planeas un viaje, pero no sabes ni por dónde comenzar.

  *TRAVELLER* nació a partir de la dificultad que encontramos en nuestros usuarios viajeros que quieren capturar, compartir sus historias y aventuras que encontraban en sus viajes. Así que decidieron crear una red a manera de comentarios, recomendaciones y/o guía turística que permitiera compartir sus experiencias y conectar con otras personas con los mismos intereses. En él podrás encontrar inspiración e inspirar a otras personas para descubrir nuevos lugares.

Como definimos nuestros usuarios

Realizándonos las siguientes preguntas:

  1. ¿Quiénes son los principales usuarios de producto?
  • Nuestros principales usuarios son los viajeros lovers, personas que viajan constantemente sin importar distancias.
  1. ¿Cómo descubriste las necesidades de los usuarios ?
  • Las necesidades de nuestros usuarios fueron extraídas de la encuesta que realizamos:

  • En esta pregunta nos enfocamos en ver que tan comunicado se mantienen nuestros usuarios con personas que han conocido en alguno de sus viajes.

*Aquí vemos la necesidad específica de nuestros usuarios

*En esta pregunta nos queremos enfocar en que situacion usarian nuestro producto y con cierto tiempo

* Puedes ver la interfaz construida en este [Link] (https://docs.google.com/forms/d/e/1FAIpQLSfkQkikzi4k2jlU70kTwtvp-E_f4ReWZn2-g9ZtI-DoBMMm0w/viewform?usp=fb_send_fb&fbclid=IwAR0RvK2ClrH8Tx6OTwpZr3rlEuROE2lGqhpG3oVZ2mGw1mK2UV5HDDiu_bg)

  1. ¿Qué problema resuelve el producto para estos usuarios?
  • Traveller es el medio por el cual nuestros usuarios podrán tener información de cómo viajar y que cosas deben de realizar respecto a costos, vías y donde llegar.
  1. ¿Cuáles son los objetivos de estos usuarios en relación con el producto?
  • Los objetivos de nuestros usuarios es mantenerte informados y descubrir nuevos lugares, gracias a las experiencias de otras personas.
  1. ¿Cuáles son las principales funcionalidades del producto y cuál es su prioridad?
  • Nuestra red social tiene como prioridad la publicación de experiencias contadas por nuestros usuarios.
  • También cuenta la edición de sus publicaciones.
  • Eliminar ciertas publicaciones que ya no le gustan.
  • Y dar su opinión respecto a que si le gusta la información compartida por nuestros usuarios.
  1. Cómo verificaste que el producto les está resolviendo sus problemas
  • Testeando nuestro producto con usuarios que tengan el perfil de nuestro público seleccionado, y ver si nuestra red social les esta ayudando a informarse respecto a las dudas que tengas de un viaje que quieran realizar.
  1. Cómo te aseguraras que estos usuarios usen este producto
  • Es una herramienta que les brinda información útil antes, durante y después de realizar un viaje.

Historias de usuario

Luego de haber realizado nuestras encuestas, implementamos las historias de usuario con respecto a los requerimientos de nuestra red social.

Para todas las historias, en general, su definición de terminado son las siguientes:

  • Que sea Single Page Application
  • Que esté publicado en gh-pages
  • Que sea mobile first
  • Que se haga un prototipo de baja fidelidad
  • Que se implementen los test de las funciones creadas.

Historia 1

COMO: usuario quiero crear una cuenta en la red social

Historia 2

COMO: usuario quiero ingresar con mi cuenta creada en la red social

Historia 3

COMO: usuario me gustaría registrarme en la red social con mi cuenta de Faceboock

Historia 4

COMO: usuario quisiera registrarme con mi cuenta de google

Historia 5

COMO: usuario quisiera poder cerrar sesión de mi cuenta

Historia 6

COMO: usuario me gustaría poder ver publicaciones de otros usuarios de la red social

Historia 7

COMO: usuario me gustaría interactuar con like en las publicaciones de otros usuarios de la red social

Historia 8

COMO: usuario quisiera realizar publicaciones en mi nueva red social

Historia 9

COMO: usuario quiero personalizar mis publicaciones en privado o publico

Historia 10

COMO: usuario quiero que se me permita eliminar mis publicaciones realizadas en la red social

Diseño de la Interfaz de Usuario (prototipo de baja fidelidad)

Para realizar el prototipo de baja fidelidad de nuestra red social (Traveller) se hizo uso del diseño mobile first.

  • En esta parte vemos lo que seria nuestras primeras vistas de login y creación de cuenta

  • Y en esta otra parte vemos como se veria nuestro muro y los post de las publicaciones de nuestros usuarios

Prototipo de alta fidelidad

* Puedes encontrar nuestra red social en este [Link] (https://gladyshuancalu.github.io/LIM008-social-network/src/)


Checklist

General

  • Producto final sigue los lineamientos del diseño.

README.md

  • Definición del producto
  • Resumen de entrevistas con usuarios.
  • Link/screenshots prototipo de baja fidelidad.
  • Conclusiones de pruebas con el producto en HTML.

Pruebas / tests

  • Pruebas unitarios cubren un mínimo del 70% de statements, functions, lines, y branches.
  • Pasa tests (y linters) (npm test).

Creación de cuenta (sign up)

  • Permite crear cuenta.
  • Valida email.
  • Valida password.
  • Muestra mensajes de error.

Inicio de sesión (sign in)

  • Permite iniciar sesión.
  • Valida email.
  • Valida password.
  • Muestra mensajes de error.

Muro (wall/feed)

  • Muestra muro, o lista de publicaciones.
  • Permite hacer nuevas publicaciones.
  • Permite eliminar publicaciones.
  • Pide confirmación antes de borrar publicación.
  • Permite editar publicación en el mismo lugar (in place).
  • Permite filtrar publicaciones por público/privado.
  • Permite marcar publicaciones como gustados (like, corazón, estrella, etc...).
  • Permite ver cuántas marcas, likes, estrellas, corazones o lo que se haya elegido, ha recibido una publicación.

Releases

No releases published

Packages

No packages published

Languages

  • HTML 61.2%
  • JavaScript 28.4%
  • CSS 10.4%