Skip to content

hristianivanov/modern-calculator

Repository files navigation

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

Check out the Figma Design 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:
    git clone https://github.com/hristianivanov/modern-calculator.git
  2. Navigate to the project directory and install the dependencies:
    npm install
  3. Start the development server:
    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. You're free to use, modify, and distribute this software in your projects.