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.

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



Built with

  • Semantic HTML5 markup
  • Native CSS
  • Flexbox
  • Mobile-first workflow
  • VueJS – Vue 3 library

Useful resources

  • Vue 3 Docs – This helped me with absolutley everything I didn’t know about the framework



View Github