DEV Community

Alejandro Wurts
Alejandro Wurts

Posted on

1 1

Progressive Web App Calculator - Hex Calculator

Test it live

Hex Calculator

2 iPhones showing a calculator ui

A Progressive web app that has features to convert between Hexagonal, Octagonal, Decimal and Binary numbers, as well as adding, substracting, multiplying and dividing them. I call it the Hex Caculator.

Features

  • Can be installed and works completely offline

  • Convert between the following base numbers: base 16 (Hexahonal), base 10 (Decimal), base 8 (Octagonal) and base 2 (Binary)

  • Adding, substracting, multiplying and dividing using the different base numbers.

  • Dark and light mode toggable via a button.

Progressive Web App compliant

Can be installed to work completely offline as a native app

Install feature on google chrome for android

Using different base numbers

When changing between the base number options the UI responds accordingly, turning on or off the available buttons for that base number type.

A gif showing the calculator changing between different base numbers

Switching between the Dark and Light mode

The app has to UI themes, a Dark and a Light one, to switch between them you use the bottom left corner button.

A gif showing how dark and light mode for the calculator

Calculator functions

The app has basic adding, substracting, multiplying and dividing functions that you can use with the different base number types.

A gif showing the calculator performing operations

The code for it is on my github, I'm always looking for ways to improve it, some let me know what you think of it.

Also do visit my website for more information and other projects.

AWS GenAI LIVE image

Real challenges. Real solutions. Real talk.

From technical discussions to philosophical debates, AWS and AWS Partners examine the impact and evolution of gen AI.

Learn more

Top comments (0)

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay