Why We Built RechnerGenie: Zero-Server Math, KaTeX Live Previews & Client-Side Photo Formula Scanning
For decades, digital utility calculators have remained oddly stuck in the early 2000s: riddled with intrusive full-page ads, bloated cookie popups, or locked behind aggressive monthly paywalls for features as basic as sh
For decades, digital utility calculators have remained oddly stuck in the early 2000s: riddled with intrusive full-page ads, bloated cookie popups, or locked behind aggressive monthly paywalls for features as basic as showing mathematical solution steps.
Today, we are officially introducing RechnerGenie.de โ a 100% free, privacy-first, daylight studio calculator platform engineered to run entirely on the client side.
๐ก The Architecture: Zero Server Compute, Zero Data Leaks
Traditional financial and mathematical web services push user inputs back and forth across remote databases. At RechnerGenie, our core architectural rule was straightforward: Your numbers never touch our servers.
Whether calculating cross-border net salaries for Austria and Germany, performing complex proportions, or resolving algebraic expressions, 100% of the computation happens in your local browser runtime via modern WebAssembly and JavaScript.
This design choice delivers three distinct advantages:
-
Instantaneous Feedback: Latency is zero. Typing immediately recalibrates values in
JetBrains Monowith tactile LCD displays. - Absolute Privacy: Sensitive gross salaries, working hours, or homework assignments are never logged, tracked, or profile-mined.
- No Cookie Walls: Because we do not run third-party behavioral trackers or marketing cookies, users are greeted with instant functionalityโnot a barrage of consent popups.
๐ Solving Real Mathematical Challenges in the Browser
Most students and professionals struggle with entering complex algebra through standard QWERTY keyboards. To tackle this, our new Terme & Formel Rechner integrates three specialized client-side libraries:
1. Tactile Mathematical Keypad
Typing brackets, powers, square roots, and fractions on a phone keyboard is notoriously frustrating. We built responsive quick-keys for (), a/b, xยฒ, xโฟ, โx, and operators that insert symbols directly at the cursor index.
2. Live KaTeX Formula Rendering
As you type, an asynchronous parser feeds the raw string into KaTeX, producing clean, crisp textbook typography in real time.
// Instant live KaTeX preview
function renderLiveFormula(latexStr) {
const previewEl = document.getElementById("math-preview");
katex.render(latexStr, previewEl, {
throwOnError: false,
displayMode: false
});
}
3. Client-Side Photo Scanner with Draggable Target Box
Instead of forcing users to type convoluted equations from physical math sheets or textbooks, users can activate the Photo Formula Scanner.
- A custom crop box lets the user pinpoint the exact formula on their camera feed or snapshot.
- The isolated snippet is processed locally via Tesseract.js WebAssembly OCR.
- The recognized formula is pre-filled into the editor, allowing immediate step-by-step simplification, binomial expansion, or equation solving.
๐งฎ The Core Tool Suite
RechnerGenie goes beyond school algebra to provide transparent everyday financial utilities:
- Terme Berechnen & Umstellen: Step-by-step algebraic breakdown with numbered transformation rules.
- Brutto-Netto-Rechner: Dedicated bilateral engine for Austria (including the Austrian 13th & 14th holiday/Christmas bonuses taxed at a flat 6%) and Germany (Tax Classes 1 through 6).
- Dreisatz Rechner: Proportional and inversely proportional rules of three with human-readable calculation explanations.
- Maรe, Flรคchen & Volumen: Imperial & metric conversions with flexible target output selection.
- Prozent- & Rabattrechner: Zero-overflow modern cards for VAT, discounts, and percentage deltas.
- Arbeitszeit & Stundenzettel: Decimal shift accounting with automated break deductions.
๐ Try It Live
RechnerGenie is freely available today at https://rechnergenie.de/.
We would love to hear your feedback, feature wishes for new calculator modules, and thoughts on pure client-side web tools!
Originally published by Dev.to WebDev. Aggregated on AIWithGhost for educational purposes โ full credit and traffic to the original publisher.