/iOS-Style-Calculator

The iOS-Style Calculator is a stylish and user-friendly calculator app inspired by iOS design. It performs all essential arithmetic operations with a clean and intuitive interface.

Primary LanguageJavaScript

๐Ÿ“ฑ iOS Style Calculator

Welcome to the iOS Style Calculator! ๐Ÿš€ This cool calculator, built with React, brings the sleek and intuitive iOS experience right to your browser. Ready to crunch some numbers in style? Letโ€™s dive in! ๐ŸŽ‰

๐ŸŒ Live Demo

Check out the live demo of the iOS Style Calculator and see it in action!

โœจ Features

  • Basic Arithmetic: Add โž•, subtract โž–, multiply โœ–๏ธ, and divide โž— โ€”all the essentials!
  • Advanced Calculations: Handle decimals and percentages effortlessly.
  • Stylish Design: Inspired by the clean, modern look of iOS.
  • User-Friendly: Clear display and easy-to-use buttons for a smooth calculation experience.

๐Ÿ› ๏ธ Built With

  • React: Powers the interactive and responsive user interface.
  • CSS: Styles that give it the sleek and modern iOS app appearance.
  • JavaScript: Handles the logic and calculations behind the scenes.

๐Ÿงฎ How to Use

  1. Tap Away: Click on the buttons to input numbers and perform calculations.
  2. Arithmetic Operators: Use โž•, โž–, โœ–๏ธ, and โž— for your math operations.
  3. Percentage: Click % to calculate percentages.
  4. Negate: Click +/- to switch between positive and negative values.
  5. Equals: Hit = to get your result.
  6. Clear: Smash the AC button to clear everything and start fresh.

๐Ÿš€ Get Started

Want to run this project on your own machine? Itโ€™s super easy:

  1. Clone the Repo:

    git clone https://github.com/Yumna0019/iOS-Style-Calculator.git
    cd iOS-Style-Calculator
  2. Install Dependencies:

    npm install
  3. Start the App:

    npm start
  4. Open in Your Browser: Navigate to http://localhost:3000 and start calculating!


Enjoy using the iOS Style Calculator! Happy calculating! ๐ŸŽŠ