Edgar-Avila / frontend-mentor-calculator

Calculator app exercise from Frontend Mentor

Home Page:https://frontend-mentor-calculator-omega.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

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

Screenshot

Links

My process

Built with

  • Vue.js
  • Flexbox

What I learned

The project served me to remember my previous studies about Vue.js and even try the setup syntax, it also made me try to find creative ways to perform the operations and theme switching.

Continued development

I'd like to learn more about web design and further my knowledge in Vue.js and other libraries.

Author

About

Calculator app exercise from Frontend Mentor

https://frontend-mentor-calculator-omega.vercel.app/


Languages

Language:Vue 66.9%Language:CSS 24.4%Language:HTML 5.2%Language:TypeScript 3.5%