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.
-
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.
- HTML5, CSS3 Modules
- JavaScript
- React
- React Custom Hooks
- Prettier
- Clone the repository
- Install dependencies
pnpm install- Start the app
pnpm run dev
I appreciate your stars ⭐ and feedback!
