https://github.com/withaarzoo/neumorphism-calculator

This repository contains the code for a simple neumorphism-styled calculator built using HTML, CSS, and JavaScript.
https://github.com/withaarzoo/neumorphism-calculator

codewithaarzoo css html javascript

Last synced: about 12 hours ago
JSON representation

This repository contains the code for a simple neumorphism-styled calculator built using HTML, CSS, and JavaScript.

• Host: GitHub
• URL: https://github.com/withaarzoo/neumorphism-calculator
• Owner: withaarzoo
• Created: 2024-02-28T06:13:08.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-02-29T04:27:52.000Z (9 months ago)
• Last Synced: 2024-02-29T07:28:37.784Z (9 months ago)
• Topics: codewithaarzoo, css, html, javascript
• Language: HTML
• Homepage:
• Size: 6.84 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Neumorphism Calculator

This repository contains the code for a simple neumorphism-styled calculator built using HTML, CSS, and JavaScript .

## Preview

![preview](https://github.com/withaarzoo/Neumorphism-Calculator/assets/59678435/89bcd627-307a-4c2f-8fbc-0cc1ece89210)

## Description

The calculator has a sleek design with neumorphism (soft UI) aesthetics. It performs basic arithmetic operations such as addition, subtraction, multiplication, and division.

## Usage

To use the calculator, simply open the `index.html` file in a web browser. Click on the buttons to input numbers and perform operations. The result will be displayed in the result box.

## Features

- Neumorphism design for modern UI aesthetics.

- Basic arithmetic operations: addition, subtraction, multiplication, and division.

- Clear button (AC) to reset the calculator.

- Memory clear button (MC).

- Percentage calculation button (%).

- Equal button (=) to evaluate the expression.

- Responsive design for various screen sizes.

## Files

- `index.html`: HTML file containing the structure of the calculator.

- `style.css`: CSS file for styling the calculator interface.

- `script.js`: JavaScript file for adding functionality to the calculator.

## Dependencies

- [GSAP](https://greensock.com/gsap/): A JavaScript animation library used for adding animation effects to the calculator.

## How to Contribute

1. Fork the repository.

2. Make your changes.

3. Submit a pull request.

## Credits

- **Developer**: [Aarzoo](https://twitter.com/withaarzoo)

- **Animation Library**: GSAP

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.