/calculator-with-react-native

Some site templates are stored in this repository

Primary LanguageJavaScript

Calculator App in React Native

Calculator-App-Demo

This is a simple calculator app built using React Native. It allows users to perform basic arithmetic calculations such as addition, subtraction, multiplication, and division. The app provides a user-friendly interface to input numbers and operators, and it displays the calculated result in real-time.

Features

  • Addition, subtraction, multiplication, division, to be residual and square root operations.
  • Enter and display the calculated result in real time.
  • responsive and intuitive user interface.
  • Simple and clean design.

Getting Started

Prerequisites

Before you begin, ensure you have the following installed:

  • Node.js: Make sure you have Node.js installed. You can download it from nodejs.org.

Installation

  1. Clone this repository to your local machine:
git clone https://github.com/qobulovasror/calculator-with-react-native.git

or

gh repo clone qobulovasror/calculator-with-react-native
  1. Navigate to the project directory:
cd calculator-with-react-native
  1. Install the required dependencies:
npm install

Running the App

  1. Make sure you have an Android/iOS emulator or a physical device connected.
  2. Start the Metro bundler:
npx expo start

Usage

  • Upon opening the app, you'll see the calculator interface with number buttons (0-9), operator buttons (+, -, *, /), and a display area.
  • Tap the number buttons to input digits.
  • Tap the operator buttons to select the desired operation.
  • The input and calculated result will be displayed in real-time.
  • To perform a calculation, tap the equals (=) button.
  • To clear the input and start a new calculation, tap the clear (C) button.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix.
  3. Make your changes and commit them with descriptive commit messages.
  4. Push your changes to your fork.
  5. Submit a pull request to this repository.

Please ensure your pull request adheres to the project's coding standards and practices.

Acknowledgments

  • This app was developed as a learning project using React Native.
  • Thanks to the React Native community for providing helpful resources and tutorials.