Calculator app

Overview

The calculator app allows users to perform basic mathematical operations such as addition, subtraction, multiplication, division, modulo division, and exponentiation. In addition, the app includes a history feature that stores all previous calculations for easy reference. Users can also customize the appearance of the app by choosing from three different themes.

The selected theme and calculation history are saved as localStorage values, which allows users to retain their preferred theme and previous calculations even when the app is closed and reopened. This ensures that users can easily switch between themes and review their past calculations without having to start over every time they use the app.

Screenshots

Desktop design: theme one

Desktop design: theme two

Desktop design: theme three

 

Mobile design: theme one

Mobile design: theme two

Mobile design: theme three

Built With

• Semantic HTML5 markup
• SCSS
• JavaScript

Run Locally

Clone the project

  git clone https://github.com/iPavelGeorgiev/calculator-app.git

Go to the project directory

  cd calculator-app

Install dependencies

  npm install

Start the server

  npm run start

Acknowledgements

This challenge was provided by Frontend Mentor, a platform that offers challenges to help developers practice and improve their frontend skills. Each challenge includes designs for both mobile and desktop, as well as assets and a style guide, to get you started. This provides an opportunity for developers to concentrate on the implementation without having to worry about the design.

Author

   

👨‍🚀 Show your support

Give a ⭐ if you like this project!