An open API service indexing awesome lists of open source software.

https://github.com/lra8dev/calculator

A simple yet modern calculator application built using React.js, TailwindCSS, and Vite. This project demonstrates the integration of these technologies to create a clean and responsive user interface for performing basic arithmetic operations.
https://github.com/lra8dev/calculator

Last synced: 6 months ago
JSON representation

A simple yet modern calculator application built using React.js, TailwindCSS, and Vite. This project demonstrates the integration of these technologies to create a clean and responsive user interface for performing basic arithmetic operations.

Awesome Lists containing this project

README

          

# Calculator Project

A simple yet modern calculator application built using React.js, TailwindCSS, and Vite. This project demonstrates the integration of these technologies to create a clean and responsive user interface for performing basic arithmetic operations.

## Snapshots
![Screenshot 2024-06-23 154017](https://github.com/laxman-rathod/Calculator/assets/131651450/79f8326a-a3b1-4a98-9ad6-9356d25a81b3)

## Table of Contents

- [Features](#features)
- [Demo](#demo)
- [Installation](#installation)
- [Usage](#usage)
- [Technologies](#technologies)
- [Contributing](#contributing)
- [License](#license)

## Features

- Basic arithmetic operations: addition, subtraction, multiplication, and division
- Responsive and modern user interface
- Clear display for inputs and results
- Keyboard support for input
- Clean and modular code structure

## Demo
Check out the live [preview](calculator-seven-smoky.vercel.app) here

## Installation

To get started with the project, follow these steps:

1. **Clone the repository:**

```sh
git clone https://github.com/laxman-rathod/Calculator.git
cd calculator-project
```

2. **Install the dependencies:**

```sh
npm install
```

3. **Start the development server:**

```sh
npm run dev
```

This will start the Vite development server and you can view the application by navigating to `http://localhost:3000` in your browser.

## Usage

- Use the on-screen buttons to input numbers and operations.
- Use the `C` button to clear the current input.
- Use the `=` button to calculate and display the result.
- You can also use your keyboard to input numbers and perform operations.

## Technologies

- [React.js](https://reactjs.org/) - A JavaScript library for building user interfaces
- [TailwindCSS](https://tailwindcss.com/) - A utility-first CSS framework for rapid UI development
- [Vite](https://vitejs.dev/) - A fast development build tool and web server

## Contributing

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

1. Fork the repository
2. Create a new branch (`git checkout -b feature/your-feature`)
3. Commit your changes (`git commit -m 'Add some feature'`)
4. Push to the branch (`git push origin feature/your-feature`)
5. Create a new Pull Request

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.