Calcr is a small calculator app I built to get comfortable with JavaScript logic and a bit of UI polish. I tried to give it a “retro machine” vibe with a glowing display, metal chassis, and clicky‑looking buttons.
You can:
- Do basic operations: + , − , × , ÷
- Use keyboard shortcuts (numbers, operators, Enter, Backspace, Esc, %)
- Work with decimals, percentages, square root, and x²
- See a small history tape of recent calculations
- Tap buttons and get a little ripple effect + display flash on
=
No additional setup or backend is required.
- HTML, CSS, JavaScript only
- Handling keyboard events and mapping keys to UI actions
- Implementing calculation logic without relying on
eval - Dealing with float precision issues using
toPrecision - Simple UI animations (button press, ripples, shaking on error)
- Add more scientific functions (sin, cos, tan, memory buttons, etc.)
- Make the layout fully responsive for very small screens
- Add sound effects for button clicks for extra retro feel
Right now, Calcr is my way of showing that I can connect UI, keyboard input, and math logic together as a first‑year student.