/Math-magician

An calculator application created with React. Users can perform basic operations such as addition, subtraction, multiplication, and division, as well as more advanced operations like modulo.

Primary LanguageJavaScriptMIT LicenseMIT

Math Magician 📟 🪄

logo

Description

An calculator application created with React. Users can perform basic operations such as addition, subtraction, multiplication, and division, as well as more advanced operations like modulo. The app also allows users to clear the current calculation and start anew. Used React components to create the user interface, and React {state,props}/hooks have been used to control the calculator's logic.

🛠 Built With

Tech Stack:

  • React

Client:

  • React

🚀 Live Demo

Math Magician 📟 🪄

Server:

  • local.

Database:

  • N/A.

Key Features:

  • React

💻 Getting Started:

To get a local copy up and running, follow these steps:

  • Installed Git.
  • Create a local directory that you want to clone the repository.
  • Open the command prompt in the created directory.
  • On the terminal run this command git clone https://github.com/Salwa99/Math-magician.git
  • Install the dev dependencies for linters run npm install.

Prerequisites:

In order to run this project you need:

  • Installed Git.
  • A browser.

Setup:

  • Clone this repository to your desired folder.

Install:

Install this project with:

  • Git.
  • Github.

Usage:

To run the project, execute the following command:

git clone https://github.com/Salwa99/Math-magician.git
cd math-magician
npm install
npm start

Run tests:

npm install react-test-renderer --save-dev
npm install --save-dev @testing-library/react
npm run test

To run tests, run the following command:

npx eslint .
npx stylelint "**/*.{css,scss}

Deployment:

You can deploy this project using:

  • Github pages.

👥 Authors:

👤 Salwa Ballouti:

🔭 Future Features:

  • Use advanced JS data structures.
  • Implement some awesome animations and transitions to the design.
  • Integrate back-end.

🤝 Contributing:

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

⭐️ Show your support

If you like this project kindly send to me an e-mail expressing it, it would make my day and fuel my motivation.

🙏 Acknowledgments:

I would like to thank Microverse team for this journey.

❓ FAQ:

How do I clone this with all the un-merged branches?

  • Kindly check the branches names in github then add them manually on your local machine, after that you may just pull the changes.

How to access the database?

  • It's not available for now I'm still working on it, once it's available I'll update this answer.

📝 License:

This project is MIT licensed.