Hidden Message App

Checkout the Live Version of the Project!

HTML5, Materialize CSS, JavaScript

A responsive, application which utilizes JS to allow users to send an encoded message in the form of a URL to other users. Users can then open the URL and reveal the decoded message, then send their own encoded message.

---

Installation & Technologies

• Download the full package, select the Code button, choose the "Download ZIP" option.
• Stylsheet CDN link here.
  • Follow Materialize CSS documentation for further information on classes.
• To deploy application, sign up for free cloud platform at Vercel. If you do not deploy the app, you can only use it on your local machine.
  • Requires Node.js to run command line to deploy onto Vercel: install Node.js, current version.
  • Once Node.js is installed, run command npx now and follow instructions in command line to link project to Vercel.

---

Form Submission and Encoding

• Remove browser default submission to non-existent backend server.

• Base64 encoding - ASCII character codes converted to base64 character codes.

  • Keep in mind that the ASCII character codes represent characters with a decimal value 0 to 127 while Base64 character codes represent up decimal value from 0 to 63.
  • Learn more about ASCII characters here.
  • Learn more about Base64 characters here.

• Generate URL after user types a message utilizing window.location.

  ${window.location}#${encrypted}

• Decode message and display message from hash property.

  const { hash } = window.location;

---

Contributors

Dany Chheang [email protected]