Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hristianivanov/modern-calculator
https://github.com/hristianivanov/modern-calculator
calculator-app cicd reactjs theme-toggle vercel-deployment
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/hristianivanov/modern-calculator
- Owner: hristianivanov
- Created: 2024-08-11T18:59:37.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-08-22T11:37:49.000Z (4 months ago)
- Last Synced: 2024-08-22T22:01:56.443Z (4 months ago)
- Topics: calculator-app, cicd, reactjs, theme-toggle, vercel-deployment
- Language: JavaScript
- Homepage: https://modern-calculator-khaki.vercel.app/
- Size: 85.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Calculator
A sleek and modern calculator built with React, designed for both functionality and aesthetic appeal. This project offers a range of essential arithmetic operations along with additional features to enhance the user experience.
![React Calculator Preview](https://github.com/user-attachments/assets/94e018fa-943f-435d-a003-9ce5a3219dc4)
Check out the [Figma Design](https://www.figma.com/community/file/1067410724733215446/calculator) for the project to explore the design blueprint.
## Features
- **Basic Arithmetic Operations**: Perform addition, subtraction, multiplication, and division.
- **Decimal Support**: Seamlessly handle calculations involving decimal numbers.
- **Percentage Calculation**: Easily calculate percentages.
- **Value Inversion**: Invert the sign of values with a simple click.
- **Reset Functionality**: Quickly reset all inputs and outputs for a fresh start.
- **Number Formatting**: Automatically format larger numbers for better readability.
- **Adaptive Output**: Display adapts dynamically based on the length of the output, ensuring clarity at all times.## Installation
To get started with the React Calculator, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/hristianivanov/modern-calculator.git
```
2. Navigate to the project directory and install the dependencies:
```bash
npm install
```
3. Start the development server:
```bash
npm run dev
```Your calculator should now be running locally, accessible through your browser at `http://localhost:5173` by default.
## Contributions
Contributions are highly encouraged! Whether it's a feature request, bug report, or a pull request, your input is valuable in making this project better. Feel free to open issues and submit PRs.
## License
This project is licensed under the [MIT License](https://choosealicense.com/licenses/mit/). You're free to use, modify, and distribute this software in your projects.