Skip to content

LizethRivera04/CDMX009-cipher

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Safevent

El siguiente proyecto se trata de una aplicación para generar códigos mediante la lógica del Cifrado César. Dicha herramienta ayuda a cifrar lugares de eventos para mantener la confidencialidad y seguridad de los usuarios, evitando que personas desconocidas sepan donde se encuentran,y así mismo impidiendo tener que lidiar con invitados sorpresa.

Usuarios y Objetivos

El usuario que ingresa a Safevent son personas de sexo indistinto y de edad entre 13 años en adelante. Usuarios que buscan privacidad y seguridad al momento de realizar eventos. Final1 Final2

Solución de problemas

Los usuarios buscan tranquilidad y confianza que las personas que asistan a sus eventos, estén seguras de disfrutar una fiesta, sin inconvenientes a causa de personas que no están invitadas, así como mantener la confidencialidad de su ubicación.

Foto Prototipo

Prototipo

Feedback recibido

El feedback recibido, se centró en disminuir la cantidad de vistas, y botones, ayudando a una mejor experiencia y entendimiento para el usuario.

Imagen prototipo final

Wireframe1 Wireframe2 Wireframe3

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: Tamaño, contraste, color, alineación

HTML y CSS

  • Uso correcto de HTML semántico: header, main, footer
  • Uso de selectores de CSS: class, id, element selectors
  • Construir tu aplicación respetando el diseño realizado (maquetación).

DOM

  • Uso de selectores del DOM: p, div, h1, a...
  • Manejo de eventos del DOM: id-addEventListener
  • Manipulación dinámica del DOM: id-document.getElementById, document.querySelector

Javascript

  • Manipulación de strings.
  • Uso de condicionales (if-else | switch): if-else
  • Uso de bucles (for | do-while): for
  • 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(Camel Case) | Semántica).
  • Uso de linter para seguir buenas prácticas (ESLINT).

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 50.8%
  • HTML 29.4%
  • CSS 19.8%