"Math magician is a website for all fans of mathematics. It is a Single Page Application(SPA) that allows users to make simple math calculations and read some math related quotes."

Overview

Math Magicians

"Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote.

Desktop Screenshot

screenshot

Mobile Screenshot

screenshot

Live Demo

Not available for this branch

Built With

  • React

Getting Started

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

  • Clone the repository by running git clone https://github.com/Micky373/math_magicians.git
  • Navigate to the folder cd math-magicians
  • Install packages by running npm install
  • Run the app by running npm start

Author

👤 Michael Tamirie

Show your support

Give a if you like this project!

Comments
  • Finalize full website

    Finalize full website

    Hello Reviewer,

    In this branch I :

    • Created a website of three pages following the general design layout
    • Added styling using React basic styling
    • I used route to navigate through the pages
    • All nav links work well
    • Implemented React router
    • No linter error
    • Followed the git-flow
    • Fix CR's issue

    Thanks 👍🏽

    opened by Micky373 0
  • Math magician refracting using functions and hooks

    Math magician refracting using functions and hooks

    Hello reviewer,

    In this branch I:

    • Refracted the calculator component from class-based to a stateless function component
    • Made the same functionality as the previous one and every thing works well
    • No linter error
    • Followed best practices of ES6
    • Followed best practices of git-flow

    Thanks 👍🏽

    opened by Micky373 0
  • React events

    React events

    Hello Reviewer,

    In this branch I :

    • Created a directory named Logic and copied the calculate and operate javascript files
    • Installed the Big.js dependency using the node package manager
    • Imported the calculate javascript file to my calculator component
    • Implemented the state up and props functionality using a class component
    • Test my app using a browser and works well without any error
    • No linter error
    • Followed the ES6 best practices
    • Followed best practice of git-flow

    Thanks 👍🏽

    opened by Micky373 0
  • Finalize the component branch

    Finalize the component branch

    Hello Reviewer,

    In this branch I:

    • Delete all the boilerplates and change them with mine
    • Created a component directory and added the calculator.js file
    • I made a class-based react component in calculator.js
    • I made the design to match the given one
    • Imported my calculator.js in App.js and used it
    • Used App.css to style my page
    • No linter error
    • Used the git flow
    • Used ES6 best practices

    Thanks 👍🏽

    opened by Micky373 0
  • React setup

    React setup

    Hello reviewer,

    In this pull request I:

    • Configured the react setup page
    • Made the application run in the browser without any error
    • Used the git-flow
    • Had no linter errors
    • Fix CR's issue

    Thanks 👍🏽

    opened by Micky373 0
Owner
Michael_Tamirie
Remote software developer student | Data Science Enthusiast | Electromechanical graduate | Front-end Web developer | Interested in programming
Michael_Tamirie