An open API service indexing awesome lists of open source software.

https://github.com/fevziatanoglu/angular-calculator-app

Calculator App developed by Angular and Bootstrap
https://github.com/fevziatanoglu/angular-calculator-app

angular bootstrap css js

Last synced: 3 months ago
JSON representation

Calculator App developed by Angular and Bootstrap

Awesome Lists containing this project

README

          

# Angular Calculator App

![image](https://github.com/fevziatanoglu/Angular-Calculator-App/assets/95905332/c5043b5e-24ca-4b5a-8e92-93a3af1c1739)
![image](https://github.com/fevziatanoglu/Angular-Calculator-App/assets/95905332/08460c73-52a8-4894-8b94-b8834f9049be)

**Description:**
The Angular Calculator App is a simple web application built using Angular that provides basic arithmetic calculations. It allows users to perform addition, subtraction, multiplication, and division operations on multiple numbers. The app offers a user-friendly interface and delivers quick and accurate results.

**Features:**
- Addition: Add two numbers together.
- Subtraction: Subtract the second number from the first.
- Multiplication: Multiply the two numbers.
- Division: Divide the first number by the second.
- Change Sign: Toggle the sign of the displayed number (positive/negative).
- Modulus: Calculate the remainder when the first number is divided by the second.
- Dark and Light Themes: Choose between dark and light themes for better user experience.

**Usage:**

1. Enter the first number in the input field.
2. Choose the arithmetic operation from the available options (+, -, *, / , % , -/+ ).
3. Enter the second number in the input field.
4. Click the "Calculate" button to see the result.

**Demo:**
Check out the live demo of the app [here](angular-calculator-app-taupe.vercel.app/).

**Installation:**

1. Clone the repository:

```
git clone https://github.com/fevziatanoglu/Angular-Calculator-App.git
```

2. Navigate to the project directory:

```
cd Angular-Calculator-App
```

3. Install the dependencies:

```
npm install
```

4. Start the development server:

```
ng serve
```

5. Open your web browser and visit `http://localhost:4200/` to access the app.

**Contributing:**

Contributions are welcome! If you find any issues or have improvements to suggest, please open an issue or create a pull request.