MiguelArgentina / react-calculator

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Math-magicians calculator

Objective

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

Live link

Visit Math-magicians calculator.

Screenshots

homepage screenshot calculator screenshot quote screenshot

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/ 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




Issues Pull Requests License

Show your support

Give a ⭐️   if you like this project!

Acknowledgments

This project was bootstrapped with Create React App

License

Available as open source under the terms of the MIT License.

About

License:MIT License


Languages

Language:JavaScript 77.0%Language:CSS 13.9%Language:HTML 9.1%