Code Monkey home page Code Monkey logo

lim011-cipher's Introduction

Proyecto de Cifrado Cesar Para Préstamos Interbancarios

El proyecto realizado se trata de una página web que registra, encripta y desencripta los datos personales de una persona que desea obtener un préstamo interbancario.

Menú Principal

MenuBienvenida

Formulario de la Solicitud

MenuSolicitud

Información de la Solicitud

MenuInformaciónSolicitud

Investigación UX

Esta página web va dirigida para los clientes que deseen obtener un préstamo interbancario y para el área encargada de aprobar los préstamos en el banco. El objetivo de este producto es mantener segura la información de los clientes para que estos datos no sean filtrados en otras páginas y usados para perjudicar al cliente. Por esta razón se implementó el cifrado cesar, para que los datos que ingrese el cliente se encuentren cifrados antes de que esa información sea enviada a la interfaz del banco. Estos datos son recibidos por parte del banco y solo el área de base de datos puede desencriptar esa información la cual será guardada con seguridad.

Primer Prototipo

pp1 pp2 pp3

Resumen del feedback

  • Uno de los cambios que agregué para mejorar mi proyecto fue separar mi código en dos js para que pueda obtener un mejor orden, también empecé a utilizar clases para ocultar los menús en el html.
  • Antes el diseño de mi proyecto era más simple y logré implementarle un nuevo estilo más colorido.

Prototipo Final

prototipo1

prototipo2

prototipo3

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

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

HTML y CSS

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

DOM

  • [Si ] Uso de selectores del DOM.
  • [Si] Manejo de eventos del DOM.
  • [Si ] Manipulación dinámica del DOM. ​

Javascript

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

Testing

  • [Si] Testeo de tus funciones. ​

Git y GitHub

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

Buenas prácticas de desarrollo

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

Link del proyecto

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

lim011-cipher's People

Contributors

developervilchez avatar vanesagarro avatar betsyvies avatar gaposx avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.