https://github.com/german-cobian/math-magicians

A single page React app whose main feature is a fully functioning basic calculator as one of it's pages. The manner in which the calculator logic was adapted so that the display of its operations could be handled by React components is significant. The app also features a landing page and a page where the user can read a random math-related quote.
https://github.com/german-cobian/math-magicians

css html javascript react

Last synced: about 19 hours ago
JSON representation

A single page React app whose main feature is a fully functioning basic calculator as one of it's pages. The manner in which the calculator logic was adapted so that the display of its operations could be handled by React components is significant. The app also features a landing page and a page where the user can read a random math-related quote.

• Host: GitHub
• URL: https://github.com/german-cobian/math-magicians
• Owner: German-Cobian
• License: mit
• Created: 2022-02-07T20:44:30.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-05-14T19:20:22.000Z (over 2 years ago)
• Last Synced: 2024-12-28T04:59:05.175Z (27 days ago)
• Topics: css, html, javascript, react
• Language: JavaScript
• Homepage:
• Size: 1.99 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

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

# Math-Magicians

A single page React app whose main feature is a fully functioning basic calculator as one of it's pages,

![Math-Magicians](/public/math-magicians-2.png?raw=true "Calculator-page")

...  but also includes a landing page,

![Math-Magicians](/public/math-magicians-1.png?raw=true "Home-page")

... and a page where the user can read a random math-related quote.

![Math-Magicians](/public/math-magicians-3.png?raw=true?raw=true "Quote-page")

The most significant aspect of this app is the manner in which the calculator logic was adapted so that the display of its operations could be handled by React components. 

### LiveDemo

https://germans-math-magicians.herokuapp.com/

https://boring-bose-880344.netlify.app/

### Setup and Install

* Open your terminal - Windows: `Win + R`, then type `cmd` | Mac: `Command + space`, then type `Terminal`

* Navigate to a directory of your choosing using the `cd` command

* Run this command in your OS terminal: `git clone [email protected]:German-Cobian/Math-Magicians.git` to get a copy of the project

* Navigate to the project's directory using the `cd` command

* In the clone folder, run `npm install`

* To fire up the server run `npm start`

* Visit `http://localhost:3001/` in your browser to get into the app

## Built With

* HTML

* CSS

* JavaScript

* React 

* Github workflow

* Linters(Lighthouse, stylelint, Webhint, eslint)

## Author

👤 **German Cobian**

* GitHub: [@German Cobian](https://github.com/German-Cobian)

* Twitter: [@GermanCobian2](https://twitter.com/GermanCobian2)

* LinkedIn: [@German Cobian](https://www.linkedin.com/in/german-cobian/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/German-Cobian/Math-Magicians/issues).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

Guidelines for this project supplied by [Microverse](https://github.com/microverseinc/curriculum-react-redux/tree/main/math-magicians)

## 📝 License

[MIT licensed](https://github.com/German-Cobian/Math-Magicians/blob/main/LICENSE).