https://github.com/adityaapraveen/react-calculator-app

A simple React-based calculator application with a user-friendly interface for performing basic arithmetic operations and toggling between light and dark modes.
https://github.com/adityaapraveen/react-calculator-app

html-css-javascript react reactjs usestate-hook

Last synced: about 11 hours ago
JSON representation

A simple React-based calculator application with a user-friendly interface for performing basic arithmetic operations and toggling between light and dark modes.

• Host: GitHub
• URL: https://github.com/adityaapraveen/react-calculator-app
• Owner: adityaapraveen
• Created: 2024-01-07T08:35:31.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-01-07T18:29:21.000Z (10 months ago)
• Last Synced: 2024-01-08T09:29:37.922Z (10 months ago)
• Topics: html-css-javascript, react, reactjs, usestate-hook
• Language: JavaScript
• Homepage: https://adityaapraveen.github.io/React-Calculator-App/
• Size: 354 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## React Calculator App

This project is a simple calculator application built with React, providing a user-friendly interface for performing basic arithmetic operations. The calculator features a responsive design, supporting both light and dark modes. Explore the intuitive layout to perform calculations effortlessly.

### Features

- Basic arithmetic operations: addition, subtraction, multiplication, and division.

- Dark mode toggle for enhanced user experience.

- Error-free expression evaluation with real-time results.

### React Topics Used

- **Functional Components:** Utilized functional components for building modular and maintainable UI elements.

- **State Management:** Leveraged React state to manage dynamic content and real-time calculation results.

- **Conditional Rendering:** Implemented conditional rendering for displaying different components based on user interactions.

- **Event Handling:** Managed user input through event handling in React.

- **Responsive Design:** Created a responsive design using Flexbox and CSS Grid to ensure compatibility across devices.

### Getting Started

1. **Clone the repository:**

   ```bash

   git clone https://github.com/adityaapraveen/React-Calculator-App.git

    ```

2.**Install dependencies:**

   ```bash

   npm install

   ```

3.**Start the development server:**

  ```bash

  npm start

  ```

4.**Open your browser and visit http://localhost:3000 to use the calculator.**

**Feel free to explore and contribute to this React Calculator App!**