Meet Calculadora Alicia: A Calculator That Teaches Instead of Just Answering

Calculadora Alicia — Mon, 19 Oct 2026 07:41:47 +0000

Meet Calculadora Alicia: A Calculator That Teaches Instead of Just Answering

Most calculators do one thing: give you the answer. That's fine for an adult splitting a bill — but for a 9-year-old learning long division, the answer is the least important part. The procedure is the lesson. And that's exactly what normal calculators hide.

So I built Calculadora Alicia (https://calculadoraalicia.app) — a free, Spanish-language web app that doesn't just solve math problems, it shows every step the way a teacher writes it in a school notebook.

The design idea: make it look like the notebook

The core design decision was simple: every operation is drawn digit by digit, with numbers aligned in their columns — the carry, the remainder, the brought-down digit — exactly as it appears in a child's exercise book. If a step is misplaced, you notice it, and you fix it. Nothing happens "magically" inside a black box.

A long division with a two-digit divisor, for example, forces a child to juggle four operations in a loop: estimate, multiply, subtract, bring down the next digit. The app reveals that loop one step at a time, at the child's pace — like a teacher solving it slowly on the whiteboard.

What it actually does: 12 tools, not one

It's not a single calculator. It's a toolbox:

Step-by-step calculator — addition, subtraction, multiplication and long division, each drawn out in full
Fraction calculator — with simplification shown
Percentages — discounts, increases, and "what percent is X of Y"
Rule of three — direct and inverse
LCM and GCD — with the classroom method, not just the result
Prime factorization — factor trees, step by step
Square root — digit-by-digit method
Unit conversion — length, weight, capacity, time
Multiplication tables — interactive practice
Combined operations — order of operations, shown stage by stage
Printable worksheets — generates 20-exercise sheets (mixed random mode and visual "diagram" mode) with an answer key, ready for the classroom or homework
35 teacher guides — patient explanations with worked examples: the division check, LCM vs GCD, subtracting with borrowing, two-digit division… including the most common mistakes kids make

Everything runs in the browser. No signup, no install, no cost — it works on a phone, a tablet, or the classroom smartboard.

How it makes learning easier

In the classroom, a teacher projects it on the smartboard and reveals each step as a question: "what do we do now?" The class answers before the app shows it. The calculator becomes a teaching assistant, not an answer machine.

At home, parents see the current method — which is often not the method they learned twenty years ago — and can help in the same language the school uses. No more "that's not how my teacher does it."

For practice, the worksheet generator turns five minutes of prep into zero: print a sheet, the kid practices the procedure on paper, the answer key checks it.

Under the hood

The site is a fast static build with Astro 5 + TypeScript — 60 pages (12 interactive tools, 35 guides, worksheets, and more), valid structured data throughout, and diagrams rendered digit-perfect so every column lines up like real notebook math. If you're curious about the rendering side, I wrote about that separately: Rendering Long Division Like a School Notebook, One Digit at a Time.

Try it

If you teach math, parent a primary-schooler, or just like tools that respect the learning process:

👉 https://calculadoraalicia.app

It's free, in Spanish, and the division worksheet generator alone might save a teacher an hour a week. I'd love to hear what you'd add — the comments are open.

Rendering Long Division Like a School Notebook, One Digit at a Time

Calculadora Alicia — Mon, 19 Oct 2026 06:41:59 +0000

Rendering Long Division Like a School Notebook, One Digit at a Time

I want to tell you about a small engineering problem that turned into a whole project: how do you make a calculator that shows its work the way a teacher would write it on the board?

There is no shortage of calculators on the internet. Search for "long division calculator" and you'll get fifty sites that give you the answer. The answer, though, is the least useful part for a kid who is learning. A 9-year-old doing division homework doesn't need to know that 847 ÷ 6 = 141.16. They need to know where each digit goes, when to bring down, how the remainder works — the choreography of the procedure.

That was the seed of Calculadora Alicia (https://calculadoraalicia.app): a free calculator built for Spanish-speaking primary school kids (ages 6–12) that draws every step the way it would look in their school notebook.

Why Spanish, why kids

Most step-by-step math tools are built in English, for English speakers. The explanations, the terminology, the little helper texts — all of it assumes the reader thinks in English. Spanish is the second most spoken language in the world, and millions of kids do their homework in it. "Carry," "borrow," "quotient" have exact Spanish equivalents (llevadas, pedir prestado, cociente), and getting the terminology right matters when a kid is trying to match what's on screen with what their teacher wrote in class.

So the tool is Spanish-first, not translated after the fact. Every explanation, every label, every teacher guide is written in Spanish from the start.

The hard part: digit-perfect diagrams

The actual engineering challenge wasn't the arithmetic — that's straightforward. It was the rendering.

A long division drawn by hand in a notebook has a very specific layout: the divisor sits to the left, the dividend tucks under a right-angle bracket, the quotient perches on top, and each partial subtraction stacks neatly with digits aligned to their columns. If a digit lands one column off, the whole thing looks wrong — and worse, it teaches the wrong thing.

So each operation type got its own layout engine: long division, fraction operations with simplification steps, prime factorization trees, square roots via the classical method, order of operations evaluated one reduction at a time. The rule I set for myself: if a screenshot of the output doesn't look like something a teacher would accept in a notebook, it's a bug.

That standard forced a testing habit I didn't expect to need. The math logic runs under an automated test suite (60+ tests and counting) that checks not just final results but intermediate steps — because a wrong step in a teaching tool is worse than a wrong answer. A wrong answer gets corrected. A wrong step gets memorized.

What it grew into

It started as one calculator. It's now twelve interactive tools: the main step-by-step calculator, fractions, percentages, rule of three, MCM and MCD (LCM and GCD), prime factorization, square roots, unit conversion, multiplication tables, combined operations with an interactive order-of-operations evaluator, and a worksheet generator that produces printable practice sheets with answer keys for teachers.

There are also thirty-five written guides on topics like two-digit division, the division check (la prueba de la división), and subtracting with borrowing. Each one reads like a patient explanation, not a textbook dump.

Technically, the whole site is a static Astro build with a React + TypeScript calculator at its heart. Pages are 40–65 KB and load in under a second, which matters more than you'd think — a lot of these kids are on shared family phones or school connections that don't forgive bloat.

Why free, and what "free" means here

It's free with no registration. That's a deliberate choice, not a growth hack. The audience is kids and teachers; a sign-up wall in front of a homework tool is a failure mode, not a feature.

I'll be honest about the tradeoffs: it's a website, not an app, and there's no offline mode. The scope is deliberately primary-school math — if you're looking for symbolic algebra or graphing, this isn't it. I'd rather do one level well than five levels badly.

If you're building for learners

The lesson I'd share with other developers: when your audience is learning, your UI is pedagogy. Every alignment choice, every label, every animation is teaching something, whether you meant it to or not. Test your intermediate steps the way you'd test your outputs. And if you're serving a language community that's usually an afterthought, build in their language first.

You can try it at https://calculadoraalicia.app — no account, no install, just open it and divide something.

Calculadora Alicia

DEV Community: Calculadora Alicia

Meet Calculadora Alicia: A Calculator That Teaches Instead of Just Answering

Meet Calculadora Alicia: A Calculator That Teaches Instead of Just Answering

The design idea: make it look like the notebook

What it actually does: 12 tools, not one

How it makes learning easier

Under the hood

Try it

Rendering Long Division Like a School Notebook, One Digit at a Time

Rendering Long Division Like a School Notebook, One Digit at a Time

Why Spanish, why kids

The hard part: digit-perfect diagrams

What it grew into

Why free, and what "free" means here

If you're building for learners