TypeScript Calculator

Thu Oct 10 2019 17:00:00 GMT-0700 (Pacific Daylight Time)

A calculator inspired by the 1987 Dieter Rams-designed Braun ET66. Built in TypeScript with React.

See it on CodeSandbox

Features

• React hooks for Redux-style state management (combination of useReducer and createContext)
• Theming with styled-components
• Full memory operations

Resources

• The Braun ET66 calculator and several articles about its history and design by Dieter Rams. This manual for a similar Braun calculator was also helpful.
• A talk on TypeScript (video to come) by Charles Peters I heard at a SeattleReactJS meetup. I went off of Charles' "Strongly Typed Reducer" example for state management.
• This tutorial was helpful in coding some of the calculator logic. Looked at a lot of these, and this was one of the most straightforward.

See project source code on GitHub