Frontend Mentor - Calculator app solution

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.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Note: Delete this note and update the table of contents based on what sections you keep.

Overview

The challenge

Users should be able to:

• See the size of the elements adjust based on their device's screen size
• Perform mathmatical operations like addition, subtraction, multiplication, and division
• Adjust the color theme based on their preference
• Bonus: Have their initial theme preference checked using prefers-color-scheme and have any additional changes saved in the browser

Screenshot

Links

• Solution URL: https://github.com/Dharmik48/fem-calculator
• Live Site URL: https://dharmik48.github.io/fem-calculator

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• ES6 Javascript

What I learned

<h1>Some HTML code I'm proud of</h1>

.proud-of-this-css {
	color: papayawhip;
}

const proudOfThisFunc = () => {
	console.log('🎉')
}

If you want more help with writing markdown, we'd recommend checking out The Markdown Guide to learn more.

Continued development

Use this section to outline areas that you want to continue focusing on in future projects. These could be concepts you're still not completely comfortable with or techniques you found useful that you want to refine and perfect.

Useful resources

• StackOverflow - This post helped me fix a very irritating problem😩 of users able to type alphabets in the screen.
• MDN Docs - This page on the MDN docs was really helfull, making it easier😄 to implement the main purpose of a calculator with the eval() function.
• A site from Wes Bos - Lastly this site from Wes Bos made it easier to find the keyCodes for the keys. Thanks @WesBos🤗.

Author

• GitHub - Dharmik48
• Frontend Mentor - @Dharmik48