Giter Club home page Giter Club logo

practica-codificar-mensaje's Introduction

logo

Encriptado de mensjaes y enviar por App

Es una aplicación de práctica que se solicito para el programa de Oracle ONE. Esta aplicación tiene como propósito de encriptar y desencriptar un texto cambiendo letras especficas por otro texto. Dando como resultado una texto incomprensible para cualquier usuario.


Visitar página



📔 Tabla de contenido


boockmark_tabs Proyecto

🖼️ Capturas

PC de escritorio

screenshot
screenshot
screenshot

Tablet

screenshot
screenshot
screenshot

Smatphone

screenshot
screenshot
screenshot

⚙️ Funciones

Sección principal

Permite la captura de texto para encriptarlo bajo unas llaves (caracteres sustitutos), para convertir el texto agregando dichas llaves haciendolo más complejo de interpretar. LA app tiene las características de responsividad, es decir, que puede ser usada en diferentes dispositivos con tamaños de pantalla diferentes y el contenido se adaptará al tamaño y tipo de dispositivo mostrando u ocultando algunos objetos según el tamaño de pantalla.

Cuenta con:
  • Botón para encriptar
  • Botón para desncriptar
  • Botón de copar
  • Sección para encío de mensaje encriptado
  • Cajade texto (textarea), para capturar el mensaje a encriptar
  • Título e indicaciones para el usuario
  • Sección de imagen y textos (article), para agrupar imagen inicial y textos
  • Sección footer con leyenda e iconos de redes sociales y organizaciones de programa de formación

Sección envíar mensaje encriptado

La sección para envío de mensaje, se encuentra oculta hasta que el usuario pulsa el botón "Copiar", mostrando la sección de enviar mensaje por WhatsApp y mostrando otros objetos para que el usuario captur los datos necesarios para el envío.

Los objetos que se encuentran en la sección son:

- Mensaje encriptado
- Caja de texto para número telefónico destino
- Botón para "Enviar mensaje"
- Botón de "Regresar"
- Botón de "Recargar página"

Datos a capturar:

  • Número telefónico válido para WhatsApp (clave de país) + (área) + (número local)

✔️ Validaciones

  • Captura de texto únicamente en minúzculas
  • Acepta números
  • No permite caracteres con acentos
  • No permite encriptar / desencriptar si el campode captura se ncuentra vacio
  • Valida al enviar mensaje encriptado que el número tenga los mínimos datos (dato numérico, clave país, numero de área y npumero local)

🔄 Flujo de usuario

1. El usuario escribe un mensaje para encriptar

2. Hacer clieck en el botón "Encriptar"

3. La imagen de la derecha y los textos con mensaje al usuario se ocultarán para poder mostrar el texto encriptado

4. El usuario podrá visualizar el botón "Copiar" para que se guarde en el portapapeles

5. El mensaje podrá ser desencriptado al pegarlo en la caja de texto principal y haciendo click en el botón "Desencriptar"

6. Al hacer click en el botón "Copiar", se vizualizará una nueva sección con el botón "Enviar mensaje"

7. Al hacer click sobre el botón "Enviar mensjae", se mostrará la sección de enviar mensaje por WhatsApp

8. Para enviar el mensaje encriptado pora la aplicaci´n de mensajería WhatsApp se requiere la captura de un número telefónico válido para WhatsApp

9. Una vez capturado el número será validado al hacer click en el botón "Enviar mensaje"

10. El usuario puede regresar a la sección de encriptar mensaje o recargar página haciendo click en los botones del mismo nombre.

Nota, Al hacer click en los botones "Regresar" y "Recargar página", la sección de envir mensaje por WhatsApp se ocultará nuevamente.


🔄 Mensaje WhatsApp

Una vez que el mensjae sea encriptado y el número destino validado al hacer click en el botón "Enviar mensjae", la app web solicitará abrir la API de watsapp para formato web (navegador web), y la app de dispositivo segpun el SO que se use. El el caso de una PC se deberá tener en cuenta que puede requerir dar permisos para abrir una nueva ventana a la aplicación web de mensajería seleccionar las opciones necesarias y una vez abierto "web.whatsapp", enviar el mensaje. La aplicación de WhatsApp validará que el número destino sea válido y que exista vinculado a un cliente, de lo contrario no podrá ser enviado el mensjae. El contenido del mensaje mostrará

Mensaje de a enviar

screenshot

https://github.com/deepsodome/codificar-mensaje.git

git remoto agregar origen https://github.com/deepsodome/codificar-mensaje.git git rama -M principal git push -u origen principal

practica-codificar-mensaje's People

Contributors

deepsodome avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

jysusog

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.