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

https://github.com/tirthajyoti-ghosh/react-calculator

A calculator app built with React.
https://github.com/tirthajyoti-ghosh/react-calculator

calculator es6 javascript module-pattern react

Last synced: 12 months ago
JSON representation

A calculator app built with React.

Awesome Lists containing this project

README

          

[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![License: MIT][license-shield]][license-url]
[![LinkedIn][linkedin-shield]][linkedin-url]





Logo

Calculator


A calculator app built with React.


Explore the docs »




View Demo
·
Report Bug
·
Request Feature

## Table of Contents

* [About the Project](#about-the-project)
* [Built With](#built-with)
* [Getting Started](#getting-started)
* [Prerequisites](#prerequisites)
* [Installation](#installation)
* [Usage](#usage)
* [Roadmap](#roadmap)
* [Contributing](#contributing)
* [License](#license)
* [Contact](#contact)
* [Acknowledgements](#acknowledgements)

## About The Project

![Weather App Screenshot](https://user-images.githubusercontent.com/57726348/92452817-29867c00-f1dc-11ea-8e6d-714ff0677c1c.png)

This is a React calculator app built to get myself familiar with various concepts in React.

Concepts used:

* Components
* Props
* States
* PropTypes
* Default props

### Built With

* Material Design Lite
* ES6
* prop-types
* big.js

## Live demo

Deployed to Heroku - [live demo](https://gentle-ocean-35043.herokuapp.com/).

## Getting Started

To get a local copy up and running follow these simple steps.

### Prerequisites

* npm

```sh
npm install npm@latest -g
```

### Installation

1. Clone the repo

```sh
git clone https://github.com/tirthajyoti-ghosh/react-calculator.git
```

2. Install NPM packages

```sh
npm install
```

3. Start local server

```sh
npm start
```

## Usage

Use it as a normal calculator.

## Roadmap

* Add keyboard input support.

## Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are **greatly appreciated**.

1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request

## License

Distributed under the MIT License. See `LICENSE` for more information.

## Contact

Tirthajyoti Ghosh - [@terrific_ghosh](https://twitter.com/terrific_ghosh) - itirthahere@gmail.com

Project Link: [https://github.com/tirthajyoti-ghosh/react-calculator](https://github.com/tirthajyoti-ghosh/react-calculator)

## Acknowledgements

* README Icon from www.flaticon.com
* [Img Shields](https://shields.io)
* [Material Design Lite](https://getmdl.io/)

[contributors-shield]: https://img.shields.io/github/contributors/tirthajyoti-ghosh/react-calculator.svg?style=flat-square
[contributors-url]: https://github.com/tirthajyoti-ghosh/react-calculator/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/tirthajyoti-ghosh/react-calculator.svg?style=flat-square
[forks-url]: https://github.com/tirthajyoti-ghosh/react-calculator/network/members
[stars-shield]: https://img.shields.io/github/stars/tirthajyoti-ghosh/react-calculator.svg?style=flat-square
[stars-url]: https://github.com/tirthajyoti-ghosh/react-calculator/stargazers
[issues-shield]: https://img.shields.io/github/issues/tirthajyoti-ghosh/react-calculator.svg?style=flat-square
[issues-url]: https://github.com/tirthajyoti-ghosh/react-calculator/issues
[license-shield]: https://img.shields.io/badge/License-MIT-yellow.svg
[license-url]: https://github.com/tirthajyoti-ghosh/react-calculator/blob/development/LICENSE
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=flat-square&logo=linkedin&colorB=555
[linkedin-url]: https://www.linkedin.com/in/tirthajyoti-ghosh/