📗 Table of Contents

• 📖 Math-Magician
• 🚀 Screenshot
• 🛠 Built With
  • Tech Stack
  • Key Features
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ (OPTIONAL)
• 📝 License

📖 Math-magician-App

HTML+CSS Setup

Math-magician is a single page web application that consist three pages one of a calculator,home page and quote page ,this app will be allowing the user to use the calculator and be able to perform all math operations, also it has a friendship quote underneath the calculator fetched using API Ninjas.To achieve this I used React framework.

🚀 Screenshot

🚀 Live Demo

live demo

🛠 Built With

This project is built with:

• 
• 
• 

Tech Stack

Client

• JSX
• React

Server

(back to top)

Key Features

• Single Page Application
• Math calculation
• Fetch API

(back to top)

💻 Getting Started

To get the content of this application project locally you need to runfollow these step in your terminal:

• cd math-magician
• npm install To download all the dependancies of the project
• Use npm start to run the app in your browser

Prerequisites

In order to run this project you need:

• Vs code
• npm packages
• Install React

Setup

Clone this repository to your desired folder:

cd my-dir
git clone https://github.com/Christelle-12/math-magician.git

(back to top)

Install

1. Clone the repo:https://github.com/Christelle-12/math-magician.git

2. Install npm packages: npm install

3. Install webpack: webpack.config.js

(back to top)

Usage

To run tests, run the following command:

• run npm start

Run Tests

to run tests, run the following command

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

👥 Authors

👤 Author

👤 Nirere Marie Christelle

• GitHub: @Christelle-12
• Twitter: @Chr1Nirere
• LinkedIn :LinkedIn

(back to top)

Future Features

• [Add Transitions using CSS]

• [Add Css animations]

• [Add Animations Features]

(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 to give a positive feedback and comments that will go along way in making the project even better.your support matters

(back to top)

🙏 Acknowledgments

I would like to express my gratitude to Microverse for this project.

(back to top)

📝 License

This project is MIT licensed.