Skip to content

Designed a sleek React calculator app with intricate logic and an elegant UI. Incorporated a motivational quote display, ensuring responsiveness across devices.

Notifications You must be signed in to change notification settings

mershark/math-magician

Repository files navigation


📗 Table of Contents

📖 Math Magician

In this project, I created a feature-rich calculator application with an elegant and user-friendly design. The calculator performs basic arithmetic operations and displays the result prominently. I created three pages using react route, I implemented a custom logic for handling calculations and integrated it with a React user interface. Additionally, I incorporated an inspiring quote display that fetches random quotes from an external API: API Ninjas. The layout is responsive, adapting gracefully to different screen sizes. The final result is a polished and functional calculator app with a motivational touch.

Built With

  • HTML
  • CSS
  • JAVASCRIPT
  • REACT

Tech Stack

Cient

Key Features

  • Sngle Page Website

(back to top)

💻 Getting Started

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

Prerequisites

In order to run this project you need the following tools:

  • Node.js on your computer
  • Code editor e.g.: VScode

Setup

Clone this repository to your desired folder by running the following commands in your terminal:

  cd your-prefered-folder-name
  
  git clone https://github.com/mershark/math-magician.git

Install

  • Install this project with:
  cd math-magician

  npm install or npm i

Usage

To run the project, execute the following command:

  npm start

Run tests

To run tests, run the following command:

  npm run test

Deployment

You can deploy this project by transferring the files in your local repository onto your server

(back to top)

🚀 Live Demo Website

(Click here)

(back to top)

👥 Authors

👤 Mershark Takyi

(back to top)

🔭 Future Features

  • Scientific Calculations

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

🙏 Acknowledgments

  • Thanks to the Microverse team for the great curriculum.
  • Thanks to the Code Reviewer(s) for the insightful feedback.
  • Thanks to our coding partners, the morning session team and standup team for their coperation.

(back to top)

📝 License

This project is MIT licensed.

About

Designed a sleek React calculator app with intricate logic and an elegant UI. Incorporated a motivational quote display, ensuring responsiveness across devices.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published