DEV Community

Cover image for Bezos' Calculator
Alvaro Montoro
Alvaro Montoro

Posted on • Originally published at alvaromontoro.com

Bezos' Calculator

Some developers use their weekends to develop cool and grandiose projects to learn new technologies and to double down as second (or third) sources of income... instead, I used this past weekend, to develop a small and silly project.

I developed a web page that calculates how much money Jeff Bezos makes while you read it: Bezos' Calculator.

It is a mixture of tongue in cheek and social criticism (bubbles pop up with milestones comparing it to other salaries and goods.) The numbers are based on these articles by Bloomberg and BuzzFeed, which calculate Jeff Bezos' gains increase by $3,605 every second.

Initially, the counter was not animated. But the original animation did not work on Safari, so I opted for going with the non-animated version... until @afif provided some feedback and recommendation in the comments, and I updated the animation to this:

One fun thing about the project is how equally it distributed it is:

Screenshot of Github showing the project languages distribution: CSS is at 34.9%, JavaScript is at 32.8%, and HTML is at 32.3%

It is a tiny thing (just one page), so it makes sense that the percentages of HTML, CSS, and JavaScript are more or less proportional. It's just the first time I see it like that. Normally one of the languages would dominate the project.

Top comments (16)

Collapse
 
crfries profile image
crfries

This is amazing and depressing at the same time.

Collapse
 
kirill_golovkov profile image
Kirill Golovkov

especially if you living in 3rd world country

Collapse
 
alexnder394 profile image
alexnder394

One thing for sure, even Elon Musk had to leave to the US from SA before he could start getting top dollar..

Collapse
 
afif profile image
Temani Afif

Animating content is always buggy, check this: jsfiddle.net/a25m69rf/ : You only need to animate transform (better for performance) and you should not have safari issue. The CSS variables it to dynamically define the last number but you don't need it in your example

Collapse
 
alvaromontoro profile image
Alvaro Montoro

Thanks for the recommendation. I updated the animation a little based on your example. Thanks again!

Collapse
 
alvaromontoro profile image
Alvaro Montoro

This is a great idea! And I kind of like more that type of animation too. thanks for the suggestion!

Collapse
 
benpai profile image
Benji Grant

This is very depressing 😅

Collapse
 
mccurcio profile image
Matt Curcio

I love this.
It would be interesting to follow the median house costs around your state or country.

Collapse
 
pradeepradyumna profile image
Pradeep Pradyumna

This is amazing!
I would like to build a similar calculator for the corrupt government officers in my country one day.

Collapse
 
pris_stratton profile image
pris stratton

Great work. There used to be a similar one for Gareth Bale - the footballer - after he joined Real Madrid.

Collapse
 
alvaromontoro profile image
Alvaro Montoro

Thanks!

Collapse
 
perepelitsyn profile image
Perepelitsyngrygoriy

зависть - плохое чувство!

Collapse
 
saurabhshar profile image
saurabhshar

This looks great Alvaro, Liked it :)

Collapse
 
alexander_grechishkin_ca1 profile image
Alexander Grechishkin

And at the same time, the most unhappy person on earth.

Collapse
 
san00 profile image
Osania - sancodes

Hi Alvaro, I really like this. Such a cool idea. Nice animation.

Some comments may only be visible to logged-in visitors. Sign in to view all comments.