Numeronym Generator is a simple web tool that generates numeronyms from input text. A numeronym is a type of abbreviation where the middle part of a word is replaced with a number representing the count of omitted letters, while retaining the first and last letters. For example:
localization→l10ninternationalization→i18n
This tool is perfect for developers, writers, and anyone who frequently uses abbreviations.
Click here for a live demo.
Light mode
Dark mode
- User-friendly interface: Type your text, and the numeronym is generated instantly.
- Dark mode support: Automatically adapts to your system's preferred color scheme.
- Lightweight and fast: Built with modern web technologies for excellent performance.
- Multilanguage support: Use any valid characters in your texts, all will be handled for you.
The Numeronym Generator is built with the following technologies:
- HTML, CSS, and JavaScript: Provides the core structure, styling, and interactivity.
- WebAssembly (WASM): Core logic for numeronym generation is implemented in Rust and compiled to WebAssembly for maximum performance.
- Rust: The powerful and memory-safe programming language used for numeronym generation logic.
The goal of this project was to learn how to integrate code written in Rust into a web application without any web frameworks.
All other dependencies were kept at a minimum, so CSS is hand-written, no templating, no JS compilation step (other than wasm bundles).
This project is manually deployed, as frequent updates are not expected. It is designed for simple use cases with minimal maintenance.
Follow these steps to set up the project locally:
Ensure you have the following tools installed:
- Rust: Install from rustup.rs.
- wasm-pack: Install with the command
cargo install wasm-pack. - miniserve: For local testing, install it with
cargo install miniserve.
Run the command wasm-pack build --target web to build the WebAssembly package. This will create a pkg/ directory containing the compiled WebAssembly module and JavaScript bindings.
Run the Rust tests with cargo test to ensure everything is working.
To serve the project locally for development, use miniserve with the command miniserve . --port 8088. Then, open your browser and navigate to http://localhost:8088 to see the application in action.
This is a small project intended for learning and demonstration purposes, but contributions are welcome. Feel free to open an issue or submit a pull request for bug fixes or improvements.
This project is licensed under the MIT License. See the LICENSE file for details.