https://github.com/grzegorzpacewicz/calculator

This is a simple calculator app - a replica of the iOS Calculator. It is built using React, styled with CSS modules, and leverages the useState and useEffect hooks for state management and side effects.
https://github.com/grzegorzpacewicz/calculator

css cssmodules hooks html javascript react vite

Last synced: 4 months ago
JSON representation

This is a simple calculator app - a replica of the iOS Calculator. It is built using React, styled with CSS modules, and leverages the useState and useEffect hooks for state management and side effects.

• Host: GitHub
• URL: https://github.com/grzegorzpacewicz/calculator
• Owner: GrzegorzPacewicz
• Created: 2024-02-14T13:52:35.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-02-20T11:13:49.000Z (over 2 years ago)
• Last Synced: 2025-02-01T18:14:49.926Z (over 1 year ago)
• Topics: css, cssmodules, hooks, html, javascript, react, vite
• Language: JavaScript
• Homepage: https://grzegorzpacewicz.github.io/calculator/
• Size: 402 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# iOS Calcuclator App

This is a simple calculator app - a replica of the iOS Calculator. It is built using React, styled with CSS modules, and leverages the useState and useEffect hooks for state management and side effects.

## Table of Contents

- [Features](#features)

- [Demo](#demo)

- [Usage](#usage)

- [Technologies Used](#technologies-used)

- [Installation](#installation)

- [Contributing](#contributing)

- [License](#license)

## Features

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

- All Clear (AC) and Clear (C) buttons to reset the calculator.

- Responsive design for optimal viewing on various devices.

## Demo

![Preview](./Animation.gif)

## Usage

- To perform calculations, simply click the corresponding buttons for numbers and operations.

- Click the "=" button to see the result of the calculation.

- Use the "C" button to clear the calculator and start a new calculation.

## Technologies Used

- Vite (Build Tool)

- React

- CSS Modules

- useState Hook

- useEffect Hook

## Installation

1. Clone the repository to your local machine: git clone: https://github.com/GrzegorzPacewicz/calculator

2. Navigate to the project directory: cd calculator

3. Install dependencies: npm install

4. Start the development server: npm run dev

5. Open your browser and navigate to `http://localhost:3000` to view the app.

## Contributing

Contributions are welcome! Please feel free to submit any issues or pull requests.

## License

This project is licensed under the [MIT License](https://opensource.org/license/mit/).