Calculator

Two iPhones standing upright on a stair-like surface, showing two different themes of a calculator app
The text 'Calculator' in large elegant serif font

This project was a Frontend Mentor challenge which required creating a fully functional Calculator app with three themes and the ability to toggle between them from a brief and style guide. The following changes were subsequently made to improve the aesthetics, accessibility and UX of the app:

  • A redesigned UI complete with a light, dark and blue monochromatic theme
  • ChakraUI to handle accessibility and component styling, with custom component variants used to couple the this with the TSX markup and theme extensions
  • The ability to see the previous and current operands

typeface

A set of Inter typefaces used in the Calculator project