Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aayush259/calculator-challenge
This calculator app can perform the basic arithmetic operations - Addition, Subtraction, Multiplication, and Division. There are three themes in-built in this app. You can switch to the desired theme by clicking on theme button.
https://github.com/aayush259/calculator-challenge
Last synced: about 2 months ago
JSON representation
This calculator app can perform the basic arithmetic operations - Addition, Subtraction, Multiplication, and Division. There are three themes in-built in this app. You can switch to the desired theme by clicking on theme button.
- Host: GitHub
- URL: https://github.com/aayush259/calculator-challenge
- Owner: Aayush259
- Created: 2024-04-08T16:43:15.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-04-09T18:50:09.000Z (11 months ago)
- Last Synced: 2024-11-10T08:38:36.433Z (3 months ago)
- Language: JavaScript
- Homepage: https://aayush259.github.io/Calculator-Challenge/
- Size: 267 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Frontend Mentor Challenge - Calculator app solution
This is a solution to the [Calculator app challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/calculator-app-9lteq5N29). Frontend Mentor challenges help you improve your coding skills by building realistic projects.## Overview
This calculator app can perform the basic arithmetic operations - Addition, Subtraction, Multiplication, and Division.
There are three themes in-built in this app. You can switch to the desired theme by clicking on theme button.Here are the screenshots of all the three different themes:
![]()
![]()
![]()
## Built with
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid## How to Use
1. Enter a valid mathematical expression to calculate.
2. Click on equal button to calculate the result.
3. Click the DEL button to remove the last character.
4. Click the reset button the complete output.
5. Click on theme button to toggle between all the three themes.## Contributing
I know my code is lacking most of the features. So pull requests are welcome for the major and minor changes