Flask-based calculator (HTML, CSS, Flask)

Vue-based calculator

Features

  1. Functionality: The calculator handles basic arithmetic operations including addition, subtraction, multiplication, and division.
  2. User Interface: The user-friendly interface provides input fields for numbers and operation selection.
  3. Result Display: Calculation results are displayed on the same page.
  4. Error Handling: The application shows an error message when attempting to divide by zero.

Screenshots

screen2

screen2

Error Handling The application displays an error message when attempting to divide by zero:

Division Error

screen3

Setup and Usage

To set up and use the calculator app, follow these steps:

  1. Clone this repository to your local machine.
  2. Navigate to the respective directory (flask-calculator or vue-calculator).
  3. Follow the instructions provided in the README of each directory for setup and usage.

Demonstration Video https://github.com/Ahmed23Adel/SWE-Task-Calculator/blob/main/2024-03-08%2011-36-51.mkv

  • This video provides a clear walkthrough of the app in action, including inputting numbers, selecting an operation, and displaying the result.

Repository Structure flask-calculator: Contains the Flask-based calculator application. vue-calculator: Contains the Vue-based calculator application. assets: Contains screenshots and other media files. Author This calculator application was developed by [Your Name].

License This project is licensed under the MIT License.