In this react project I created 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.

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

Project 2: Components. In this project, I will continue with the development of 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 actually work.

Project 4: Refactor with hooks. In this project I will refactor the Calculator component I developed in the 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.

📗 Table of Contents

• � Table of Contents
• 📖 Math Magicians
  • 🛠 Built With
    • Tech Stack
    • Key Features
      • 🔭 Future Features
  • 🚀 Live Demo
  • 🚀 Video Presentation
  • 💻 Getting Started
    • Setup
    • Install
    • Usage
    • Testing
    • Deployment
  • 👥 Author
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • ❓ FAQ
  • 📝 License

📖 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

• HTML
• CSS
• JavaScript
• React

Key Features

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

🔭 Future Features

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

🚀 Live Demo

• Live Demo Link

🚀 Video Project Presentation

• Video Project Presentation Link

💻 Getting Started

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

Setup

Clone this repository to your desired folder:

  git clone https://github.com/Lucas-Erkana/math_magician_react.git
  cd math_magiacian_react

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

👥 Author

githubhandle twitterhandle linkedIn facebook

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

⭐️ Show your support

If you like this project give me a star.

🙏 Acknowledgments

Thanks to our friend Alex for a good insight of the overview of the project.

❓ 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 micoverse curriculum.

• Is there any SQL database for this site

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

📝 License

This project is MIT licensed.