Creando una Red Social

Sister Voyage

Nuestro proyecto busca crear un espacio seguro y acogedor para que mujeres viajeras compartan sus experiencias, se apoyen mutuamente y se sientan empoderadas para explorar el mundo. Creemos que el intercambio de información y la conexión entre mujeres viajeras pueden ser una fuerza positiva para cambiar la forma en que las mujeres se sienten acerca de viajar y para impulsar el turismo responsable y sostenible en todo el mundo.

Historias de usuario

Prototipo alta fidelidad [Has Click aqui para ver el prototipo en Figma] (https://www.figma.com/file/Lz5IbAXuENEgHiUkAAcrUc/prototype?node-id=0-1&t=jhdHyot0Y82iCAur-0)

Comentarios de los test de usubilidad

Recibimos comentarios mayoritariamente positivos por parte de las usuarias que probaron nuestra red social, quienes indicaron que es fácil de usar e intuitiva. Sin embargo, se detectaron algunos problemas en el diseño del botón para acceder con Google en usuarias de iPhone.

Objetivos de aprendisaje

HTML

• [✅] Uso de HTML semántico

CSS

• [✅] Uso de selectores de CSS

• [✅] Modelo de caja (box model): borde, margen, padding

• [✅] Uso de flexbox en CSS

• [✅] Uso de CSS Grid Layout

• [✅] Uso de selectores del DOM

• [✅] Manejo de eventos del DOM (listeners, propagación, delegación)

• [✅] Manipulación dinámica del DOM

• [✅] Ruteado (History API, evento hashchange, window.location)

JavaScript

• [✅] Arrays (arreglos)

• [✅] Objetos (key, value)

• [✅] Uso de bucles/ciclos (while, for, for..of)

• [✅] Funciones (params, args, return)

• [✅] Pruebas unitarias (unit tests)

• [✅] Pruebas asíncronas

• [✅] Uso de linter (ESLINT)

• [✅] Uso de identificadores descriptivos (Nomenclatura y Semántica)

• [✅] Diferenciar entre expresiones (expressions) y sentencias (statements)

• [✅] Callbacks

Control de Versiones (Git y GitHub)

• [✅] Git: Instalación y configuración
• [✅] Git: Control de versiones con git (init, clone, add, commit, status, push, pull, remote)
• [✅] Git: Integración de cambios entre ramas (branch, checkout, fetch, merge, reset, rebase, tag)
• [✅] GitHub: Creación de cuenta y repos, configuración de llaves SSH
• [✅] GitHub: Despliegue con GitHub Pages

Firebase

• [✅] Firebase Auth

• [✅] Firestore