Skip to content

MerlyAnco/LIM016-social-network

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Quenn Coders 👑👩🤳💻📲

Índice❗💡


1. Definición📝

Queen Coders es una red social dirigida a mujeres interesadas en el mundo del desarrollo .Es una plataforma donde podrás compartir cursos , tutoriales , empleos , responder y hacer preguntas . Así mismo podrás interactuar con otras mujeres con interés afines.

La página es una SPA (Single-Page Application), de diseño responsive que te permite crear , editar , eliminar, leer post, clasificándolos de acuerdo al tipo de contenido que estos tienen, así mismo , puedes definir la privacidad de los post (público o privado). Puedes editar la información de tu perfil, definiendo tus intereses . Así como visitar el perfil de otros usuarios de la plataforma.


2. Principales usuarios👩‍🦳👱‍♀️👱‍♀️👩‍🦰👩‍🦱👩👩👧

Queen Coders es un espacio diseñado para mujeres de todas las edades con un interés en el mundo del desarrollo . Es una plataforma diseñada para encontrar y aportar todo tipo de contenido sobre el desarrollo , así mismo podrás conectar con otras mujeres con intereses en común.


3. Problematica a resolver🧐🤓

El producto resuelve la necesidad de encontrar un espacio donde mujeres con intereses en el desarrollo puedan conectarse y compartir todo tipo de conocimientos, tutoriales, ,eventos, cursos , ofertas de trabajo , etc.


4. Historias de usuario📝✍

Historias de usuario


5. Prototipos

Prototipos de baja fidelidad

Prototipos de alta fidelidad

Prototipo en Figma Prototipo en Figma Prototipo en Figma Prototipo en Figma


6. Test de Usabilidad 📄✍

7. Checklist ✔️

Creación de cuenta de usuario e inicio de sesión

  • Login con Firebase:
    • ✅ Para el login y las publicaciones en el muro puedes utilizar Firebase
    • ✅ Creación de cuenta de acceso y autenticación con cuenta de correo y contraseña, y también con una cuenta de Google.
  • Validaciones:
    • ✅ Solamente se permite el acceso a usuarios con cuentas válidas.
    • ✅ No pueden haber usuarios repetidos.
    • ✅ La cuenta de usuario debe ser un correo electrónico válido.
    • ✅ Lo que se escriba en el campo (input) de contraseña debe ser secreto.
  • Comportamiento:
    • ✅ Al enviarse el formulario de registro o inicio de sesión, debe validarse.
    • ✅ Si hay errores, se deben mostrar mensajes descriptivos para ayudar al usuario a corregirlos.

Muro/timeline

  • 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.

Consideraciones técnicas UX

  • ✅ Hacer al menos 2 entrevistas con usuarios.
  • ✅ Hacer un prototipo de baja fidelidad.
  • ✅ Hacer sesiones de testing de usabilidad con el producto en HTML.

Hacker edition

  • ✅ Permite crear posts con imágenes.
  • ✅ Permite buscar usuarios.
  • ✅ Permite definir la privacidad de los posts (público o solamente para amigos).
  • ✅ Permite ver su muro de cualquier usuario "no-amigo" (solamente los posts públicos).
  • ✅ Permite comentar o responder una publicación.
  • ✅ Permite editar perfil.

8. Producto final

Esta es nuestra red social Queen Coders en su estado final. Si desea verlo completo puede dar click:


9. Fuente 📄

Social Network del Repositorio de Laboratoria


10. Autores

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 71.7%
  • CSS 26.4%
  • HTML 1.2%
  • Shell 0.7%