Red de comunicación segura

Resumen: Este proyecto está dirigido a las organizaciones de defensa de Derechos Humanos, para que la comunicación entre ellas sea más segura en casos de vigilancia y represión ya sea de parte del estado o de otros actores violentos como cárteles o grupos paramilitares. ##Proyecto Funcional

Investigación UX

![Imagen producto final] (./CAPTURA1.png) ![Imagen producto final 2] (./CAPTURA2.png)

Los usuarios objetivo de esta aplicación web son los miembros de organizaciones de defensa de derechos humanos de grupos vulnerables de la sociedad, por ejemplo los grupos de familiares de desaparecidos, los grupos de defensa de los derechos de los migrantes, los grupos de defensa de los derechos del colectivo LGBTTI+, las organizaciones feministas, los indígenas organizados en defensa de sus territorios y contra los megaproyectos, así como periodistas que cubren le dan voz manifestaciones sociales dichos usuarios se enfrentan en el contexto actual de nuestro país a una constante vigilancia por parte de diferentes actores del Estado, así como por represión y persecución violenta de parte del crimen organizado. Por todo esto es que se propone esta aplicación web como una alternativa de comunicación segura ante la constante vigilancia y asedio que sufren dichos grupos. Proponemos integrar la comunicación cifrada en la dinámica y organización cotidiana de dichos colectivos para evitar la vigilancia y asedio.

![Imagen primer prototipo en papel] (./papel.jpg)

En el feedback con mis compañeras me dí cuenta que el primer prototipo en papel contemplaba muchas pantallas y en realidad no se necesitaban tantas pues es una aplicación muy sencilla, por lo que terminé resumiendo mi prototipo a sólo 3 pantallas.

![Imagen prototipo final] (./prototipo_final.png)

Objetivos de aprendizaje

UX

• Diseñar la aplicación pensando y entendiendo al usuario.
• Crear prototipos para obtener feedback e iterar.
• Aplicar los principios de diseño visual (contraste, alineación, jerarquía).

HTML y CSS

• Uso correcto de HTML semántico.
• Uso de selectores de CSS.
• Construir tu aplicación respetando el diseño realizado (maquetación).

DOM

• Uso de selectores del DOM.
• Manejo de eventos del DOM.
• Manipulación dinámica del DOM.

Javascript

• Manipulación de strings.
• Uso de condicionales (if-else | switch).
• Uso de bucles (for | do-while).
• Uso de funciones (parámetros | argumentos | valor de retorno).
• Declaración correcta de variables (const & let).

Testing

• Testeo de tus funciones.

Git y GitHub

• Comandos de git (add | commit | pull | status | push).
• Manejo de repositorios de GitHub (clone | fork | gh-pages).

Buenas prácticas de desarrollo

• Uso de identificadores descriptivos (Nomenclatura | Semántica).
• Uso de linter para seguir buenas prácticas (ESLINT).