https://github.com/sevlamare/reactivecalculator
A calculator made with React, live on Heroku.
https://github.com/sevlamare/reactivecalculator
css-flexbox react
Last synced: 6 months ago
JSON representation
A calculator made with React, live on Heroku.
- Host: GitHub
- URL: https://github.com/sevlamare/reactivecalculator
- Owner: SevlaMare
- Created: 2020-09-15T16:00:56.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2020-09-22T23:44:38.000Z (about 5 years ago)
- Last Synced: 2025-02-04T14:50:11.974Z (8 months ago)
- Topics: css-flexbox, react
- Language: JavaScript
- Homepage: https://reactive-calculator.herokuapp.com/
- Size: 968 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Calculator
> A calculator build with React.
This project was made to learn how to work with React,
create components (Functional and class), manage state, use props, do prop-drilling,
use event handlers and do runtime type check with PropTypes.
## Content
* [Live Demo](#live-demo)
* [Requirements](#requirements)
* [Requisites](#built-with)
* [Built With](#built-with)
* [Game Design](#game-design)
* [Getting Start](#getting-start)
* [Contributing](#contributing)
* [Acknowledgments](#acknowledgments)
* [Author](#author)
* [License](#license)
## Live Demo
You can access a online version at:
https://reactive-calculator.herokuapp.com/
## Requirements
- [x] Setup workflow
- [x] Implement a calculator using React
- [x] Deploy on Heroku (Without create-react-app)
## Requisites
* [A modern web browser](https://www.google.com/chrome/)
* [Node JS](https://nodejs.org/en/download/)
* [Yarn](https://classic.yarnpkg.com/en/docs/install/#windows-stable)
## Built With
- React JS
- Express JS
- Javascript
- HTML/CSS
- Webpack and babel
- JEST for tests
- ESlint and Stylelint (Linters)
- GitHub Actions (CI Tool)
- Git, Github and VScode
## Getting Start
#### Get a local copy
Now you need a copy of this application, if you are using Git:
```js
git clone git@github.com:SevlaMare/reactiveCalculator.git
```
Otherwise just hit (Download Zip) on green button (Code) at top of this page.
#### Open terminal
Open your terminal inside the game folder, and paste the following commands:
#### Download all dependencies
```js
npm install
```
#### Compile
```js
yarn build
```
#### Start the server
```js
yarn go
```
#### Go to a web browser (Like Google Chrome) and visit:
```js
localhost:7000
```
### Contributing
Contributions, issues and feature requests are welcome!
You can do it on [issues page](issues/).
## Acknowledgments
A special thanks for the code reviewers.
## Author
👤 **Thiago Miranda**
- Github: [@SevlaMare](https://github.com/SevlaMare)
- Twitter: [#SevlaMare](https://twitter.com/SevlaMare)
- Linkedin: [SevlaMare](https://www.linkedin.com/in/sevla-mare)
### License
Creative Commons • 2020