Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/yanbrasiliano/calculator-oop-js

A calculator application built using JavaScript ES6 with an object-oriented approach. This project demonstrates the use of modern JavaScript features and object-oriented programming principles to create a functional and user-friendly calculator.
https://github.com/yanbrasiliano/calculator-oop-js

javascript javascript-es6 javascript-vanilla

Last synced: about 4 hours ago
JSON representation

A calculator application built using JavaScript ES6 with an object-oriented approach. This project demonstrates the use of modern JavaScript features and object-oriented programming principles to create a functional and user-friendly calculator.

Awesome Lists containing this project

README

        

# Calculator ES6 OOP

A simple project implementing a calculator using CSS Grid, Flexbox, and Object-Oriented JavaScript ES6.

![Calculator Screenshot](https://user-images.githubusercontent.com/72168914/172280385-30a0242b-f100-4694-9c70-6fa7f78b160c.png)

## Features

- **Responsive Design**: Utilizes CSS Grid and Flexbox for a responsive and visually appealing layout.
- **Object-Oriented JavaScript**: Built using ES6 classes to demonstrate object-oriented programming principles.
- **Basic Calculator Functions**: Supports addition, subtraction, multiplication, and division operations.

## Project Setup

1. **Clone the repository:**

```sh
git clone https://github.com/yourusername/calculator.git
```

2. **Navigate to the project directory:**

```sh
cd calculator
```

3. **Open `index.html` in your browser:**

Simply open the `index.html` file in your web browser to start using the calculator.

## Technology Stack

- HTML5
- CSS3 (Grid and Flexbox)
- JavaScript ES6 (Object-Oriented Programming)

---

Enjoy using and learning from this calculator project!