Calculator app solution

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • Dependencies
  • Running this project locally
  • Continued development
  • Author

Overview

The challenge

Users should be able to:

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

Screenshot

Solarized dark	Light	Purple

Links

• Live Site URL: Live site URL here

My process

Built with

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

Dependencies

• core-js
• regenerator-runtime
• sass
• transformer-sass
• parcel

Running locally

From the repo:

• Fork the repo
• Clone it via command `git clone
• cd
• Type npm i in your bash/command line
• Type npm run build in your bash/command line for production
• Type npm start to start your local development server

Continued development

Sharpening my knowledge of ES6 classes as ES6 classes is one of the ways to achieve prototypal inheritance by abstracting each functionality. This provides more flexibility in writing code without interpolating other member functions.

Author

• Twitter - @prince_popups