“Is my raise really a raise once inflation takes its cut?”
Realløn answers that question in seconds — no account, no tracking, just your numbers.
What is Realløn?
A tiny, privacy-friendly web app where you punch in your salary history and instantly see how your purchasing power evolves when adjusted for the official Consumer Price Index (CPI) from Danmarks Statistik.
Live site: → reallon.laursen.dev
Why build it?
- I was curious: are my pay rises actually beating inflation?
- It felt like a quick side-project I could hack together in just a few late-night hours with Cursor.
Vibe coding…
After a full day of “serious” coding at work, my head is usually fried.
Enter vibe coding: sit on the couch, put a show on the TV, open Cursor, and start prompting—without overthinking architecture or edge cases.
Because the stack is simple (pure client-side React, localStorage, and a single API call) I could jump straight into feature ideas and visuals instead of boilerplate. That low-friction mindset took Realløn from idea to live site in just a few late-night hours.
Feature tour at a glance
Area | What it does | UI bits that make it nice |
---|---|---|
Salary history (Lønhistorik) | Add job entries with dates & salaries | Timeline with delete buttons, job progression visible |
Chart (Lønudvikling) | Salary vs. Consumer Price Index over time | Multiple colored lines, collapsible section |
Statistics (Statistik) | Key metrics since start date | Cards showing total change, biggest swings, recent performance |
Implementation nuggets
- 💾 Zero-backend architecture — salaries live entirely in the browser; GDPR headache avoided.
- 🎨 Recharts theming hack —
ChartContainer
injects CSS custom properties so the lines inherit your Tailwind theme. - 📱 Mobile-first — timeline + compact stats grid still work on a small screen.
Try it yourself
- Live: reallon.laursen.dev
- Source: github.com/kasperlaursen/reallon-dk
- CPI API docs: api.statbank.dk
“Building Realløn reminded me that sometimes the simplest data — a monthly salary and an index number — can give powerful insights.”