https://github.com/abdulhamiid/calculator

Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations, App also display random math-related quote.. built with React
https://github.com/abdulhamiid/calculator

react

Last synced: 21 days ago
JSON representation

Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations, App also display random math-related quote.. built with React

• Host: GitHub
• URL: https://github.com/abdulhamiid/calculator
• Owner: abdulhamiid
• Created: 2022-06-27T16:32:37.000Z (over 2 years ago)
• Default Branch: dev
• Last Pushed: 2023-01-01T16:46:51.000Z (almost 2 years ago)
• Last Synced: 2024-10-28T12:48:51.370Z (2 months ago)
• Topics: react
• Language: JavaScript
• Homepage:
• Size: 498 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

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

# Math Magicians App

>Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations, App also display random math-related quote..

This **Single Page App** (SPA) was built with ReactJS. It has three pages:

- Home Page

- Calculator Page

- Quotes Page

These pages will display when their links in the navigation bar is clicked without the browser loading thanks to React Router Library.

On the Calculator Page, the user can perform mathematical operations;

- Addition

- Subtraction

- Multiplication

- Division

## Built With

- HTML, CSS, Javascript

- Webpack, Stylelint, ESlint, React JS, React Router, Jest, Github Actions

## Live Demo

- Netlify [Link](https://maths-magician-webapp.netlify.app)

- Heroku - Not available

## Screenshots

![screenshot](./src/img/calc3.PNG)

![screenshot](./src/img/calc2.PNG)

![screenshot](./src/img/calc1.PNG)

## Getting Started

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

### Clone this repository

```

https://github.com/abdulhamiid/calculator.git

```

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

### Setup

### ``` npm install ```

## Available Scripts

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.

Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will reload when you make changes.

## Author

👤 **Abdulhamid**

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

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

- LinkedIn: [Adio Abdulhamid](https://linkedin.com/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/abdulhamiid/calculator/issues).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Big thanks to Microverse team

## 📝 License

This project is [MIT](./MIT.md) licensed.