andeluci / LIM011-cipher

Home Page:https://andeluci.github.io/LIM011-cipher/src/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Cifrado César

Nombre del Proyecto

Titulo

Resumen

Key Aid es una web app que ayuda a usuarios a crear contraseñas seguras con una misma palabra. Hoy en dia, muchos usuarios se les dificulta crear contraseñas ya que existen muchas plataformas en el mundo digital. Es por eso que Key Aid genera contraseñas seguras segun el Nivel de seguridad que elija.

Imagen Principal

01

02

Investigación UX:

1. Objetivos en relacion con el producto.

1. ¿Quienes son los usuarios?

Usuarios que utilizan diariamente diferentes plataformas digitales para todas sus comunicaciones o transacciones.

2. Objetivos:

Creacion de contraseñas seguras segun el nivel de seguridad que el usuario mejor elija.

2. Solución a los problemas/necesidades de los usuarios:

Key Aid brinda una alternativa segura de cifrado de contraseñas, mediante la palabra "Nivel de Seguridad", que genera claves diferentes que solo el usuario sabe como lo realizo. Asi se evita posibles hackeos o robos de perfiles que son comunes en el mundo digital.

3. Prototipo en papel:

03

04

4. Feedback de las mejoras a realizar:

  1. Hacer los botones de Cifrado y Descifrado entendibles para el usuario, se modifico "Nueva Contraseña" y "Recordar Contraseña".
  2. Mejorar la paleta de colores del contenedor y botones.
  3. Poner wallpaper (imagen de fondo) a toda la web app.

5. Prototipo final:

05

Desplegado gh-pages.

https://andeluci.github.io/LIM011-cipher/src/

Objetivos de aprendizaje Cipher

A continuación te presentamos los objetivos de aprendizaje de este proyecto. 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). ()

About

https://andeluci.github.io/LIM011-cipher/src/


Languages

Language:JavaScript 47.6%Language:CSS 28.4%Language:HTML 24.1%