Creando una Red Social 💌🐱‍💻🐱‍👓

Índice

• 1. Resumen del proyecto
• 2. Definición del proyecto
  • 2.1. Usuarios del producto
  • 2.2. Problema a resolver
• 3. Historias de usuario
• 4. Diseño interfaz de usuario
  • 4.1. Prototipos de Baja Fidelidad
  • 4.2. Prototipos de Alta Fidelidad
• 5. Consideraciones técnicas Front-end
• 6. Consideraciones técnicas UX

---

1. Resumen del proyecto

2. Definición del proyecto

En este proyecto construirás una Red Social sobre lo que decidan tú y tu equipo. Podría ser, por ejemplo, sobre alimentación saludable, feminismo, educación, salud, energías renovables, amantes de las Empanadas o de los Tacos de Canasta, de la Feijoada, o de lo que sea.

Tu Red Social tendrá que permitir a cualquier usuario crear una cuenta de acceso y loguearse con ella; crear, editar, borrar y "likear" publicacciones.

El objetivo principal de aprendizaje de este proyecto es construir una Single-page Application (SPA) responsive (con más de una vista / página) en la que podamos leer y escribir datos.

2.1. Usuarios del producto

Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en tu proyecto. Piensa en eso al decidir tu estrategia de trabajo.

2.2. Problema a resolver

• Uso de HTML semántico

  Links

  • HTML semántico
  • Semantics - MDN Web Docs Glossary

3. Historias de usuario

• Solo incluir links a trello

4. Diseño interfaz de usuario

4.1 Prototipos de Baja Fidelidad

Este proyecto no incluye un boilerplate, así es que tendrás que definir la estructura de carpetas y escribir tus propias Pruebas Unitarias (tests). Para hacerlo, puedes guiarte de los proyectos anteriores.

4.2 Prototipos de Alta Fidelidad

En el README.md cuéntanos brevemente cómo descubriste las necesidades de los usuarios y cómo llegaste a la definición final de tu producto. Es importante que detalles:

• Quiénes son los principales usuarios de producto.
• Qué problema resuelve el producto / para qué le servirá a estos usuarios.

5. Consideraciones técnicas Front-end

• Separar la manipulación del DOM de la lógica (Separación de responsabilidades).
• Contar con múltiples vistas. Para esto, tu aplicación debe ser una Single Page Application (SPA)
• Alterar y persistir datos. Los datos que agregues o modifiques deberán persistir a lo largo de la aplicación. Te recomendamos que uses Firebase para eso también.

Pruebas unitarias (unit tests)

• Recuerda que no hay un setup de tests definido, dependerá de la estructura de tu proyecto. Algo que no debes de olvidar es pensar en éstas pruebas, te pueden ayudar a definir la estructura y nomenclatura de tu lógica.

• Los tests unitarios deben cubrir un mínimo del 70% de statements, functions, lines, y branches.

6. Consideraciones técnicas UX

• Hacer al menos 2 entrevistas con usuarios.
• Hacer un prototipo de baja fidelidad.
• Asegurarte de que la implementación en código siga los lineamientos del diseño.
• Hacer sesiones de testing de usabilidad con el producto en HTML.