/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.

Primary LanguageJavaScript

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

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

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

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

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