Bienvenidos al creador de password

Índice

• 1. Resumen del proyecto
• 2. Investigación UX
• 3. Imagen de mi Prototipo en Papel
• 4. Feedback
• 5. Prototipo Final
• 6. La Imagen Final de mi Proyecto
• 7. Objetivos de Aprendizaje

---

1. Resumen del proyecto:

Mi proyecto lo base para aquellas personas que ponen la misma contraseña en todos lados y esta es una forma eficaz de mantener una seguridad de su contraseña.

2. Investigación UX:

• Me puse en los zapatos del usuario y de acuerdo a feedbacks de mis compañeras pense que seria mejor tener solo una pagina para interactuar con la app, lo puede usar desde un adulto hasta un niño.
• Muchos de nosotros al querer manejar rapido nuestras redes sociales y demas, a veces tendemos por poner la misma contraseña para todo haciendo mas vulnerable nuestra seguridad, y haciendo correr el riesgo de que nuestra informacion sea violada, el creador de password facilita y promueve la maxima seguridad de tus redes sociales, creando contraseñas de forma facil y divertida.

3. Imagen de mi Prototipo en Papel.

4. Feedback:

Durante el Feedback con las compañeras y explicando mi idea del proyecto me hicieron mención que mi app deberia tener menos palabras e ir directamente al punto, por lo que decidi solo poner una primera pantalla de Advertencia y la segunda para interactuar, en mi feedback con el coach me sugirio no poner tantos recuadros de texto y agregar un botón "switch" que lamentablemente no pude ligar a mis Eventos por lo que tuve que solucionar con "a href" en formas de iconos.

5. Prototipo Final.

6. La Imagen Final de mi Proyecto.

7. Objetivos de Aprendizaje.

El objetivo principal de aprendizaje es adquirir experiencia desarrollando aplicaciones web (WebApp) que interactúen con el usuario a través del navegador y la lógica, utilizando HTML5, CCS3 y JavaScript como herramientas.

Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en tu proyecto.

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