Most salary calculators show static numbers.
Monthly salary.
Hourly rate.
Maybe yearly projection.
But real life doesnβt feel static.
You wake up, start working, take breaks, sleep, and your salary is quietly accumulating somewhere in the background.
I wanted to visualize that flow.
So I built Earnflo.
A small web dashboard that turns a raw salary figure into live, time-aware income widgets.
Demo: https://earnflo.jzr.uz
π‘ The Idea
Most people know their monthly salary.
But very few know things like:
- how much they earned today
- what one working second is worth
- how much they earn while sleeping
- how much a paid day off is worth
- how their salary spreads across the actual workdays of the month
Those numbers become interesting when you connect salary with time.
Earnflo does exactly that.
It spreads your salary across the effective working time of the current month and visualizes it through different widgets.
π What the Dashboard Shows
Instead of a single salary number, Earnflo produces time-aware income metrics.
Examples:
- earnings this month
- income per working hour
- income per week
- income per working second
- value of a paid day off
- value of a full night of sleep
- projected quarterly / half-year / yearly income
The core idea is simple:
salary is not just a number β it's a rate flowing through time
π The Calendar Problem
A simple salary Γ· 30 days calculation would be wrong.
Real months contain:
- weekends
- public holidays
- varying numbers of workdays
- different working schedules
Earnflo solves this by building a month model based on:
- workdays per week
- working hours per day
- shift start time
- extra days off
- regional holidays
This produces a realistic effective work calendar.
Example snapshot:
- public holidays: 2
- effective workdays: 25
- weekends: 4
- scheduled hours: 250
That data drives all the calculations.
Holiday Awareness
One interesting part was holiday support.
Currently supported calendars:
- Uzbekistan
- United States
- Russia
Public holidays are excluded from the effective work schedule.
This allows the dashboard to reflect actual regional work rhythms.
π΅ Salary Normalization
People get paid in different ways:
- hourly
- weekly
- monthly
- yearly
Earnflo normalizes all of them into a single internal monthly representation.
Once normalized, it can derive:
- hourly rate
- per-second rate
- per-week earnings
- calendar-based projections
π Configurable Work Rhythm
The dashboard adapts instantly to user configuration:
- salary amount
- currency
- pay period
- holiday calendar
- workdays per week
- work hours per day
- shift start time
- extra days off
Once configured, everything updates live.
πΊπΏ Multilingual Support
Earnflo supports three languages:
- English
- Russian
- Uzbek
UI language can be switched instantly and is persisted locally.
π± Supported Currencies
Currently supported currencies:
- UZS
- USD
- RUB
- EUR
- GBP
All widgets automatically adapt to the selected currency.
π§βπ» Why I Built This
I like building tools that make abstract things visible.
Time and money are two of the most abstract resources we deal with every day.
When you connect them, interesting insights appear.
For example:
- the value of a weekend
- the value of a vacation day
- the value of one focused working hour
Earnflo tries to make those relationships visible at a glance.
π₯ Tech Stack
Earnflo intentionally uses a minimal modern stack.
- React 19
- Vite 7
- Plain CSS
No backend.
All settings persist locally using localStorage, which makes the app fast and privacy-friendly.
β‘οΈ Live Demo
You can try it here:
No signup required.
π© Feedback Welcome
This project started as a small experiment.
If you have ideas for:
- new widgets
- additional currencies
- more holiday calendars
- productivity metrics
I'd love to hear them.
Top comments (0)