← All work
Temperature Calculator
A temperature converter and calculator built in React: convert between Celsius, Fahrenheit, and Kelvin with an animated mercury thermometer, an ANS memory key, and a custom useCalculator hook.
- Role
- Frontend Development, UI Design
- Discipline
- Web Development
- Year
- 2023
About
Temperature Calculator pairs a standard calculator, built around a custom useCalculator hook with an ANS key for reusing the last result, with conversions between Celsius, Fahrenheit, and Kelvin. An animated mercury thermometer mirrors the current value as it changes, and the whole interface supports a light and dark theme.
The work
Calculator & conversion
The calculator view and the temperature conversion view.
Calculator & conversion
Calculator & conversion
Themes
Light and dark theme.
Themes
Themes
The useCalculator hook started here and ended up reused across the conversion and calculator views: one piece of state logic, two faces.