A calculator that does way more than it needs to.
Four modes. Panels. Built with React + TypeScript. Because why not.
| Mode | Description |
|---|---|
| Basic | Arithmetic that gets out of your way |
| Scientific | Trig, logarithms, exponents — the works |
| Programming | Hex, binary, octal conversions and bitwise ops |
| Graphing | Plot functions visually in real time |
Plus panels — contextual sidebars that extend each mode without cluttering the core UI.
npm install
npm startOpen http://localhost:3000 in your browser.
If a compiled build/ already exists:
python -m http.server 4173 --directory buildThen visit http://localhost:4173.
Note: If
npmis not recognized, Node.js isn't installed or isn't on your PATH.
Download it from nodejs.org.
- React — component-driven UI
- TypeScript — typed, maintainable codebase
- npm — dependency & script management
overkill-calculator/
├── public/ # Static assets
├── src/
│ ├── components/ # Calculator modes & panels
│ ├── App.tsx # Root component
│ └── index.tsx # Entry point
├── build/ # Production build (if compiled)
├── package.json
└── README.md
| Command | Description |
|---|---|
npm install |
Install dependencies |
npm start |
Start dev server |
npm run build |
Build for production |