/calculator

A simple neumorphic calculator.

Primary LanguageJavaScript

Calculator

A neumorphic web calculator with keyboard support. Created as part of The Odin Project's curriculum.

Live Demo

Showcase

Dark Theme

dark theme screenshot

Light Theme

light theme screenshot

Built With

  • HTML
  • CSS
  • JavaScript

Features

  • Neumorphism Design
  • Keyboard support
  • Dark/Light theme toggle button
  • Smooth animations and transitions

What I learned

  • Clicking buttons when corresponding keyboard key is down
  • Creating a decent looking UI with Neumorphism
  • Using an imported font
  • Using array functions
  • Using arrays to store multiple values
  • Using objects and accessing values from them
  • Using string functions like split to get an array

TODO

  • Light/Dark theme toggle button

Credits and Inspiration