En este proyecto crearás la primera aplicación web del bootcamp. Servirá para que el usuario pueda cifrar y descifrar un texto indicando un desplazamiento específico de caracteres (offset).
La temática es libre. Tú debes pensar en qué situaciones de la vida real se necesitaría cifrar un mensaje y pensar en cómo debe ser esa experiencia de uso (qué pantallas, explicaciones, mensajes, colores, ¿marca?) etc. Algunas ideas de ejemplo:
- Crear claves seguras para el email.
- Encriptar/cifrar una tarjeta de crédito.
- Herramienta de mensajería interna de una organización de derechos humanos en una zona de conflicto.
- Mensajería secreta para parejas.
AQUI IMAGEN DE VISTA ESCRITORIO
Aplicación web que ayuda a los clientes generando contraseñas con palabras fáciles de recordar. Implementado con la técnica del desplazamiento César.
Bienvendo a cifrando esta dirigido a los usuarios que buscan encriptar y/o desencriptar palabras. Un usuario, quiere registrarse en la plataforma digital de su banco. Al registrarse el usuario es requerido de ingresar una contraseña, esta debe cumplir con parametros especificos de seguridad. El usuario se enfrenta a un problema. No se siente seguro si va a recordar su contraseña. Bienvenido a cifrando resolverá su problema encriptando la palabra que ellos puedan recordar fácilmente. La pagina web cifrando requiere ingresar una palabra y asignar un número de desplazamiento, el mismo que luego les ayudará a descifrar la misma palabra. En conclusion, El objetivo principal del siguiente proyecto se basa en encriptar y desencriptar oraciones ingresadas por el usuario.
¿Quiénes son los principales usuarios del producto? Clientes que buscan generar contraseñas personales mas seguras.
¿Cuáles son los objetivos de estos usuarios en relación con el producto? Este producto tiene como objetivo resolver la confusión del usuario al desarrollar contraseñas personales.
Feedback recibido indicando las mejoras a realizar: Para definir mi usuario tuve que ser mas especifica al explicar el problema que mi usuario presenta y como mi pagina iba a resolverlo.
Feedback: De mis compañeras que deberia hacer mi interfaz mas simple. me comentaron que deberia poner textboxes en una sola pagina. Fue asi que modifique mi primer sketch. Imagen del prototipo final:sEl 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 HTML, CSS y JavaScript como herramientas.
Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en tu proyecto.
-
[✓] [Diseñar la aplicación pensando y entendiendo al usuario] (https://lms.laboratoria.la/cohorts/lim-2020-01-bc-core-lim012/courses/intro-ux/01-el-proceso-de-diseno/00-el-proceso-de-diseno)
-
[✓] [Crear prototipos para obtener feedback e iterar] (https://lms.laboratoria.la/cohorts/lim-2020-01-bc-core-lim012/courses/product-design/00-sketching/00-sketching)
-
[✓] [Aplicar los principios de diseño visual] (https://lms.laboratoria.la/cohorts/lim-2020-01-bc-core-lim012/courses/product-design/01-visual-design/01-visual-design-basics)
-
[✓] [Uso correcto de HTML semántico] (https://developer.mozilla.org/en-US/docs/Glossary/Semantics#Semantics_in_HTML)
-
[✓] [Uso de selectores de CSS] (https://developer.mozilla.org/es/docs/Web/CSS/Selectores_CSS)
-
[✓] [Construir tu aplicación respetando el diseño realizado] (https://lms.laboratoria.la/cohorts/lim-2020-01-bc-core-lim012/courses/css/01-css/02-boxmodel-and-display) (maquetación).
12/2/20
-
[✓] [Uso de selectores de nodos del DOM] (https://lms.laboratoria.la/cohorts/lim-2020-01-bc-core-lim012/courses/browser/02-dom/03-1-dom-methods-selection)
-
[✓] [Manejo de eventos del DOM] (https://lms.laboratoria.la/cohorts/lim-2020-01-bc-core-lim012/courses/browser/02-dom/04-events) Con los event listeners puedo declarar una inline funcion para realizar una accion en el button
-
[] [Manipulación dinámica del DOM] (https://developer.mozilla.org/es/docs/Referencia_DOM_de_Gecko/Introducci%C3%B3n)
- [✓] [Manipulación de strings] (https://lms.laboratoria.la/cohorts/lim-2020-01-bc-core-lim012/courses/javascript/06-strings/01-strings)
- [✓] [Uso de condicionales] (https://lms.laboratoria.la/cohorts/lim-2020-01-bc-core-lim012/courses/javascript/02-flow-control/01-conditionals-and-loops)
- [✓] [Uso de bucles] (https://lms.laboratoria.la/cohorts/lim-2020-01-bc-core-lim012/courses/javascript/02-flow-control/02-loops)
- [✓] [Uso de funciones] (https://lms.laboratoria.la/cohorts/lim-2019-09-bc-core-lim011/courses/javascript/02-flow-control/03-functions)
- [✓] [Datos atómicos y estructurados] (https://www.todojs.com/tipos-datos-javascript-es6/)
- [✓] Utilizar ES Modules (
import
|export
).
- [✓] [Testeo de tus funciones] (https://jestjs.io/docs/es-ES/getting-started)
- [✓] [Comandos de git]
(https://lms.laboratoria.la/cohorts/lim-2019-09-bc-core-lim011/courses/scm/01-git/04-commands)
(
add
|commit
|pull
|status
|push
). - [✓] [Manejo de repositorios de GitHub]
(https://lms.laboratoria.la/cohorts/lim-2019-09-bc-core-lim011/courses/scm/02-github/01-github) (
clone
|fork
|gh-pages
).