Welcome to the Emoji Encoder project! This is a fun and simple web tool that allows you to hide secret messages within a string of emojis or alphabet letters. It uses a clever encoding technique to make your message invisible to the naked eye, allowing you to share confidential text in a playful and unconventional way. 🤫
This tool operates on a simple but effective principle: it takes your text and a selected "carrier" emoji or letter, then encodes the text by manipulating the Unicode character codes.
- Encoding: When you enter text and select a carrier, the
encode()function inscript.jsconverts each character of your message into its Unicode code point. It then adds the code point of the carrier to each of these. The final output is the carrier followed by this new sequence of characters, which looks like a string of random emojis or letters. - Decoding: The
decode()function reverses this process. It takes the first character of the input (the carrier), gets its code point, and then subtracts that code point from each subsequent character in the string. The result is your original, hidden message.
The project also uses a smooth CSS transition to hide or show the emoji and letter pickers, depending on whether you are in "encode" or "decode" mode.
This tool isn't just a toy! It can be used for:
- Fun & Games: Send cryptic messages to friends who also have the decoder. 🤪
- Light-hearted "Secret" Sharing: Share private information without it looking suspicious.
- Educational Purposes: A great way to learn about character encoding and JavaScript. 👨💻
The project is organized into a clean and easy-to-understand folder structure:
emoji-encoder REPO
├── emoji-encoder/
│ ├── index.html
│ ├── script.js
│ └── style.css
This project is built using standard web technologies:
- HTML5: For the structure of the web page.
- CSS3: For styling and animations.
- JavaScript (ES6): For all the encoding, decoding, and user interaction logic.
- Bootstrap 5: A CSS framework for responsive design and UI components.
- Google Fonts: Specifically, the
Interfont for a clean typographic look.
All you need to run this project is a modern web browser like Chrome, Firefox, or Safari. No other installations or configurations are required.
Running the project is as simple as opening a file!
- Download: Download the
emoji-encoder.zipfile. - Unzip: Extract the contents of the zip file.
- Open: Locate the
index.htmlfile and open it with your web browser.
That's it! The application will load immediately, and you can start encoding and decoding your messages. 🎉
- Open this project in desktop/laptop for best usage
- You need to do CTRL + A after selecting the emoji/character for encoding for proper working (due to security reasons)