Calculator

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

Live Demo

Showcase

Dark Theme

Light Theme

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

• neumorphism.io
• Neomorphism button design by adamgiebl
• Neumorphic calculator by Sim Mico
• Neumorphic calculator by Siddharth Simharaju
• Calculator project submission from michalosman