Skip to content

KaninGleb/Calculator-on-React

Repository files navigation

✨Calculator✨

📜Description

Calculator is a responsive, user-friendly calculator app built as part of my FreeCodeCamp Front End Development Libraries certification. The project demonstrates core React concepts, efficient state management, and a clean, modern UI. It supports basic arithmetic operations and provides an intuitive experience for everyday calculations.

📸Screenshots

App in action

🎯Features

  • Basic Arithmetic Operations
    Perform addition, subtraction, multiplication, and division with real-time results.

  • Chained Calculations
    Continue calculations using the result of the previous operation without needing to clear the input.

  • Operator Handling
    Supports consecutive operators and negative numbers, including intuitive handling of minus signs for negative values.

  • Decimal Support
    Enter and calculate decimal numbers accurately.

  • Clear Functionality
    Instantly reset the calculator to its initial state with the clear button.

  • Live Formula Display
    See the current formula and calculation steps as you type, making it easy to follow your input.

  • Keyboard-Like Button Input
    Responsive button clicks mimic the feel of a physical calculator.

  • Error Prevention
    Prevents invalid input sequences, such as multiple decimals or consecutive operators (except minus for negatives).

  • Accessible and Responsive Design
    Works smoothly on both desktop and mobile devices, with a focus on accessibility and usability.

🛠️Technologies Used

  • HTML5, CSS3 Modules
  • JavaScript
  • React
  • React Custom Hooks
  • Prettier

🚀How to Run

  1. Clone the repository
  2. Install dependencies
pnpm install
  1. Start the app
pnpm run dev

I appreciate your stars ⭐ and feedback!