This is a solution to the Calculator app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
The challenge of this task was to create a funtional calculator on the web whose theme could also be toggled amongst three theme types; dark i.e. the default, light and neon. For this task, I made use of HMTL, SCSS and Javascript.
- Solution URL: Solution
- Live Site URL: Trio Theme Calculator
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- SASS Preprocessor
- Vanilla Javascript
- How to create a toggle switch which toggles more than to themes.
- How to use functions in Javascript to simulate the operations of a calculator.
Working on this task made me realize, I still have a lot of work to do as regards my knowledge of Javascript.
- Website - Edozie's Profile page
- Frontend Mentor - @Fedozie
- Twitter - @fynnbarr
Super grateful to Bolaji, twitter handle => @bolathedev. He helped me with working on how the calculator operates.