Skip to content

This calculator app performs basic mathematical operations such as addition, subtraction, multiplication, and division. It is built with React, JavaScript and Css.

License

Notifications You must be signed in to change notification settings

RitaDee/math-magic

Repository files navigation

Math magicians

Project 1: Setup. I will set up the environment and tools needed to develop a React application in this project.

Project 2: Components. In this project, I will add more features to the Math Magicians app. I will develop a React component that will hold the core functionality of a calculator.

Project 3: Events. In this project, I will add the logic needed to make the Calculator component I developed in the previous project work.

Project 4: Refactor with hooks. In this project, I will refactor the Calculator component I developed in past projects. Instead of using class-based components, I will use hooks.

Project 5: Full website. In this project, I will create a full website for the Math Magicians app, consisting of several pages and using the components I have already created. By adding a Home page, Calculator page and Quotes page.

Math Magician Demo

📗 Table of Contents

📖 Math magician

This is the first project of the Math Magicians application. I set up the environment and tools needed to develop a React application.

Math Magician app

🛠 Built With

Tech Stack

Languages
  • HTML
  • CSS
  • Javascript
  • React
Bundler
  • React
Server
  • Github

Key Features

  • Use calculator
  • Use calculator to make calculations(Addition, Subtraction, Multiplication, Division and Percentage)
  • Access Home page
  • Access Calculator page
  • Access Quote page

(back to top)

🔭 Future Features

  • Calculate sin, cos and tan
  • Calculate square root and to the power

🚀 Live Demo

(back to top)

(back to top)

💻 Getting Started

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

Setup

Clone this repository to your desired folder:

  git clone git@github.com:RitaDee/math-magic.git
  cd math-magic

Install

Install this project with:

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

Usage

To run the project in a development server, execute the following command:

  npm start

Testing

To run the tests in a development server, execute the following command:

  npm test

To to build for the production, execute the following command:

  npm run build

Deployment

You can deploy this project using Github Pages

(back to top)

👥 Author

Rita Daniel

githubhandle
twitterhandle
linkedIn

(back to top)

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project give me a star.

(back to top)

🙏 Acknowledgments

Thanks to Microverse for the opportunity to build this project.

(back to top)

❓ FAQ

Add at least 2 questions new developers would ask when they decide to use your project.

  • What is this project?

    • It's a project of Microverse curriculum.
  • Is there any SQL database for this site

    • No, there isn't. However, I used javascript objects stored in a file as a small database.

(back to top)

📝 License

This project is MIT licensed.

(back to top)

About

This calculator app performs basic mathematical operations such as addition, subtraction, multiplication, and division. It is built with React, JavaScript and Css.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published