Skip to content

A calculator app with history and three different themes from which users can choose.

Notifications You must be signed in to change notification settings

iPavelGeorgiev/calculator-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

52 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Calculator app

Mockup of desktop hard mode view

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

Screenshot of desktop calculator view (theme one) Screenshot of desktop history view (theme one)

Desktop design: theme two

Screenshot of desktop calculator view (theme two) Screenshot of desktop history view (theme two)

Desktop design: theme three

Screenshot of desktop calculator view (theme three) Screenshot of desktop history view (theme three)

 
Mobile design: theme one

Screenshot of mobile calculator view (theme one) Screenshot of mobile history view (theme one)

Mobile design: theme two

Screenshot of mobile calculator view (theme two) Screenshot of mobile history view (theme two)

Mobile design: theme three

Screenshot of mobile calculator view (theme three) Screenshot of mobile history view (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

LinkedIn  Discord  Frontend Mentor

👨‍🚀 Show your support

Give a ⭐ if you like this project!

Releases

No releases published

Packages

No packages published