While in the depths of studying JS fundamentals, I was itching to make a real project with JS that was interactive and actually worked. This is the product of that: a basic JavaSript calculator which I made by piecing together bits of several YouTube tutorials. Although I understand what about 90% of the JS is doing in restrospect, I definitely wouldn't have been able to code it without some guidance at this point (07/17/2022). However as I've begun learning how to manipulate the DOM this week, I've found it useful to have this experience to relate my learnings back to. Someday soon I aim to re-write all the JS code from scratch without guidance. I will update this ReadMe once that's been done.
- Aesthetic neuomorphic look
- Fully functioning calculator
- All Clear and Backspace buttons
- Dark mode (to-do)
- Using shadows and inset shadows to create neuomorphic buttons which appear to be physically pressed when clicked
- Solidified understanding and confidence with CSS grid for layouts
- Creating JS event listeners
- Creating JS functions for a real-world project involving HTML and CSS
Some areas I'd like to work on are:
- Adding a Dark Mode to the calculator
- Re-writing all the JS code from scratch myself without guidance from a tutorial
- Making it mobile-responsive
- Accepting keyboard input