https://github.com/miguelargentina/react-calculator

https://github.com/miguelargentina/react-calculator

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/miguelargentina/react-calculator
• Owner: MiguelArgentina
• License: mit
• Created: 2021-07-08T01:56:10.000Z (over 3 years ago)
• Default Branch: development
• Last Pushed: 2021-07-29T17:22:51.000Z (over 3 years ago)
• Last Synced: 2024-11-16T15:29:49.978Z (about 2 months ago)
• Language: JavaScript
• Size: 47.7 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![](https://img.shields.io/badge/Microverse-blueviolet)

# Math-magicians calculator

## Objective

This project intends to give me my first steps into developing apps with react.

## Live link

Visit [Math-magicians calculator](https://react-tucu-calculator.herokuapp.com/).

## Screenshots

![homepage screenshot](home.png)

![calculator screenshot](calculator.png)

![quote screenshot](quote.png)

## Features

Until now, the calculator displays all its objects (Display, ButtonPanel, Buttons) without styling, and now the  logic has been connected to the objects so they can handle events and interact with the user.

Also, the App class component has been transformed into a funcional component with a useState hook.

Additionally, the app takes care of bad routes requests with a "Not Found" webpage for the user and the quote is randomly served by an API request.

Tests were added on order to maje sure app will run correctly.

## Getting started

- To get started with the app, clone this project by running `git clone https://github.com/MiguelArgentina/react-calculator`

- cd into the directory and run `npm install` to install the needed packages and dependencies

- A development tool is included in the npm script. Run `npm start` to fire up a local server with live reloading.

- If not already redirected, visit [http://localhost:3000/](http://localhost:3000/) in your browser to use the calculator.

- To terminate the server, enter `Ctrl + C` in your terminal

## Testing

- Running `npm test` launches the test runner in the interactive watch mode.\

## Building the app

- Running `npm run build` builds the app for production to the `build` folder. It correctly bundles React in production mode and optimizes the build for the best performance.

## Built With

- Node.js

- React

- React-DOM

- React-Create-App

- Heroku Buildpack for create-react-app

- npm

- Javascript ES6+Jest

- CSS

- Heroku

## Author

👤   **Miguel Ricardo Gomez**

- GitHub: [@MiguelArgentina](https://github.com/MiguelArgentina)

- Twitter: [@Qete_arg](https://twitter.com/Qete_arg)

- LinkedIn: [Miguel Ricardo Gomez](https://www.linkedin.com/in/miguelricardogomez/)












  

  

   

  

   

  



## Show your support

Give a ⭐️   if you like this project!

## Acknowledgments

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app)

## License

Available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).