https://github.com/xsidx/math-magicians

A calculator app that performs basic arithmetic operations( +, - , / and x ) on numbers. The App also features a number of conversion options(Area, length, Mass, Volume, Time, Discount, BMI, Data and Speed).
https://github.com/xsidx/math-magicians

framer-motion netlify react tailwindcss

Last synced: 19 days ago
JSON representation

A calculator app that performs basic arithmetic operations( +, - , / and x ) on numbers. The App also features a number of conversion options(Area, length, Mass, Volume, Time, Discount, BMI, Data and Speed).

• Host: GitHub
• URL: https://github.com/xsidx/math-magicians
• Owner: XsidX
• Created: 2022-08-01T11:08:34.000Z (almost 3 years ago)
• Default Branch: dev
• Last Pushed: 2022-08-20T13:39:04.000Z (over 2 years ago)
• Last Synced: 2025-03-29T22:22:01.547Z (about 1 month ago)
• Topics: framer-motion, netlify, react, tailwindcss
• Language: JavaScript
• Homepage: https://math-magicians-sid.netlify.app/
• Size: 351 KB
• Stars: 5
• 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

> "Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to:

- Make simple arithmetic calculations(+, -, /, *).

- Preview a history of the recently executed calculations. 

- Make a number of mathematical conversions(Area, Mass, Length, Volume, Temperature, Speed, Time, Discount, BMI, Data).

## Project snapshot

# [![sidney kaguli header](https://github.com/XsidX/math-magicians/blob/dev/math-magicians-desk%26mobile.png)](https://math-magicians-sid.netlify.app/calculator)

## Built With

- React(Create React App)

- Tailwindcss

- Framer Motion

## Live Demo

[Here](https://math-magicians-sid.netlify.app/home) is a link to the live demo

## Getting Started

## Prerequisites

- React

- Tailwindcss

- Framer Motion

## Install

- run `git clone [email protected]:XsidX/math-magicians.git` on your terminal

- cd into the directory

- run `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.\

You may also see any lint errors in the console.

### `npm test`

Launches the test runner in the interactive watch mode.\

See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `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.

The build is minified and the filenames include the hashes.\

Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

## Author

👤 **Sidney**

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

- Twitter: [@\_sid_o](https://twitter.com/_sid_o_)

- LinkedIn: [Sidney Kaguli](https://www.linkedin.com/in/sidney-kaguli-0116801a6/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

The design of the app was inspired by the calculator apps in:

  - MIUI 13 (android-based mobile operating system).

  - Windows 10.

## 📝 License

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