Skip to content

emuel-vassallo/calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

44 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Calculator

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

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