https://github.com/agnii555/canvas-calculator

The Expression Calculator project aims to develop a user-friendly application that can evaluate mathematical expressions entered by users. Whether it's simple arithmeti or complex algebraic equations, this calculator will provide accurate results swiftly and efficiently.
https://github.com/agnii555/canvas-calculator

css html5-canvas javascript javascript-canvas scss-framework

Last synced: 5 months ago
JSON representation

The Expression Calculator project aims to develop a user-friendly application that can evaluate mathematical expressions entered by users. Whether it's simple arithmeti or complex algebraic equations, this calculator will provide accurate results swiftly and efficiently.

• Host: GitHub
• URL: https://github.com/agnii555/canvas-calculator
• Owner: Agnii555
• Created: 2023-12-27T08:14:20.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-12-28T06:12:58.000Z (over 2 years ago)
• Last Synced: 2025-04-05T18:13:45.719Z (about 1 year ago)
• Topics: css, html5-canvas, javascript, javascript-canvas, scss-framework
• Language: JavaScript
• Homepage: https://canvascalculator.netlify.app/
• Size: 125 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Canvas Calculator

Building an expression calculator using HTML Canvas.

# Project Description

The Expression Calculator project aims to develop a user-friendly application that can evaluate mathematical expressions entered by users. Whether it's simple arithmeti or complex algebraic equations, this calculator will provide accurate results swiftly and efficiently.

# Project Specifications

Users can input expressions using arithmetic operators (+ (add), - (subtract), * (multiply), / (divide), % (modulus)) and evaluate them using the "=" button. 

![Alt page design](/images/operations.png)

The application allows users to delete characters using the "Back" button and provides clear error messages in the value field when the expression is malformed.

Users can see an "Invalid Expression" error message on the value field when the expression is malformed.

![Alt page design](/images/invalid.png)

The project leverages the JavaScript Canvas API to create a dynamic and interactive user interface for expression evaluation.

The application adheres to the requirement of not using any JavaScript frameworks or CSS frameworks.

The codebase is extensively documented to enhance readability and understanding for developers contributing to the project.

The project includes a `.gitignore` file to exclude unnecessary files from version control, ensuring a clean repository.

# Instructions to run the Project

1. Take a Clone of the repository - `git@github.com:Agnii555/canvas-calculator.git`

![Alt page design](/images/clone.png)

2. Once the clone is ready open the project folder inside VScode or any other code editor.

3. Open the index.html using Live server for VSCode Or just open the the index.html in the browser.