Dilo en secreto

Índice

• 1. Descripcion del proyecto
• 2. Vistas finales del proyecto
• 3. Investigacion UX
• 4. Objetivos de Aprendizaje
• 5. Enlaces del proyecto
• 6. Trabajos futuros

---

1. Descripción del proyecto 📋

Dilo en secreto es una pagina web en la cual puedes escribir como si fuera tu diario personal, ¡SI! ese diario que tantas veces ocultaste de otras personas, ahora tus mas intimos secretos estaran ocultos y solo tu podrás saber que escribiste, gracias a una clave secreta que tu mismx crearas.

2. Vistas finales del proyecto

Vista Laptop 💻

Vista Mobile 📱

3. Investigacion UX 📎

Usuarios y Objetivos en relacion al producto 👩 👨

El proyecto va dirigido a usuarios en general, en primera instancia que tengan conocimiento basico de plataformas digitales (Laptop, smartphone, Tablet entre otros) y que tengan o quieran adquirir el hábito de escribir un diario personal. El objetivo del proyecto es crear un diario personal virtual que a la vez encripte lo que el usuario escriba en su dia a dia, de tal forma que nadie mas pueda saber que diga mas que el dueño del diario.

Solucion de problemas y necesidades de usuarios con el proyecto 📌

• Poder adquirir un diario virtual el cual no tenga necesidad de ocultarlo en algun lugar de casa.
• Si alguien logra ingresar a su diario virtual, no podrá saber que dice ya que este estará oculto.
• El usuario no tenga temor de expresar lo que quiera en su diario personal.

Prototipado 📝

No Digital

Digital

Resumen de feedback de mejoras a realizar 📋

• Usar let o const para la declaración de variables.
• Usar funciones arrow.
• Dedicar un tiempo considerable a las tareas designada a cada Sprint.
• Ser mas constante con las buenas practicas.

4. 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.(proceso de mejora)

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 de nodos del DOM (se uso los que se vieron por conveniente)
• Manejo de eventos del DOM
• Manipulación dinámica del DOM

Javascript

• Manipulación de strings
• Uso de condicionales
• Uso de bucles
• Uso de funciones
• Datos atómicos y estructurados
• Utilizar ES Modules (import | export).

5. Enlaces del proyecto 📎

• Planificación: documento
• Despliegue en Git-Hub: https://szapataq.github.io/LIM012-cipher/src/.

6. Trabajos Futuros 🔮

• Que la página pueda almacenar una BD de usuarios.
• Que la página permita realizar el almacenamiento del dia a dia del proyecto.