This is a calculator application. The user can do some calculations on this application.

Related tags

React react redux
Overview

Math Magicians

This is a calculator application. The user can do some calculations on this application.

Built with:

  • Reactjs
  • Redux

Live

Usage

To clone the repo:

$ git clone [email protected]:fed1k/Math-Magicians.git

$ cd Math-Magicians

To build the project run:

$ npm install

$ npm run build

Development

In development environment use the following command:

$ npm start

Author

🤝 Contributing

As an educational project at this stage I am not supposed to accept any PR. Yet I appreciate if you can report problems from issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

Linters are made by Microverse Inc.

📝 License

This project is released under MIT licensed.

Comments
  • React test

    React test

    Hi Code Reviewer. We ( @oshanedesign and @fed1k ) followed the requirements below:

    • Write snapshot tests for all components
    • Write tests for calculate.js and operate.js files

    Happy Reviewing 🐱‍👤

    opened by fed1k 1
  • Jest Tests

    Jest Tests

    Hi Code Reviewer. We ( @oshanedesign and @fed1k ) followed the requirements below:

    • Write snapshot tests for all components
    • Write tests for calculate.js and operate.js files

    Happy Reviewing 🐱‍👤

    opened by fed1k 1
  • Full website

    Full website

    Hi Code Reviewer. Followed followings:

    ✔ Add links to Home, Quote and Calculator pages using React Router ✔ Add some styling ✔ Use react-dom version 6

    Happy Reviewing🐱‍👤

    opened by fed1k 1
  • Events

    Events

    Hi Code Reviewer. Followed followings:

    * Copy the files calculate.js and operate.js into a logic/ directory in the project.
* Analyze the files calculate.js and operate.js.
* Import the files in Calculator component.
* Implement the event handlers use the math logic from calculate.js and operate.js in React component.
* Test the app in the browser. It is able to perform math operations.

    Happy Reviewing👏

    opened by fed1k 0
  • Design of Calculator

    Design of Calculator

    Hi Code Reviewer. I followed :

    ✔ Delete all the boilerplate from CRA (text, images, styles). ✔ Create a directory called components. ✔ Inside components, create a new Calculator.js file. ✔ In Calculator.js, create a React component that matches this design: ✔ Use class based components (All components should be class-based). ✔ Once the Calculator is ready, import it and use it in your main component (App.js). ✔ Test it in the browser; it should render without problems.

    opened by fed1k 0
  • Tests

    Tests

    Hi Code Reviewer. We ( @oshanedesign and @fed1k ) followed the requirements below:

    • Write snapshot tests for all components
    • Write tests for calculate.js and operate.js files

    Happy Reviewing 🐱‍👤

    opened by fed1k 1
Owner
Firdavs Allamurotov
Hi everyone. I'm a Full-stack Web-Developer. I'm learning JavaScript, Ruby, Ruby on Rails, React and Redux. Open to new opportunities and work🐱‍👤.
Firdavs Allamurotov
GitHub
⚡️The Fullstack React Framework — built on Next.js

The Fullstack React Framework "Zero-API" Data Layer — Built on Next.js — Inspired by Ruby on Rails Read the Documentation “Zero-API” data layer lets y

⚡️Blitz 12.5k Jan 4, 2023
"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."

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

Michael_Tamirie 3 Mar 29, 2022
"Math magicians" is a website for all fans of mathematics. You can Make simple calculations and Read a random math-related quote.

Math-Magicians This project was bootstrapped with Create React App. "Math magicians" is a website for all fans of mathematics. You can Make simple cal

Sentayhu berhanu 8 Jun 23, 2022
Wall Covering Calculator and Material Procurement Portal

Wall-Pro MPP --Wall Covering Calculator and Material Procurement Portal-- Table of Contents: Links Description UserStory DevelopmentTeam Installation

Mike Bussert 4 Jul 7, 2021
React Calculator-App

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

Anton Dektyarev 1 Jan 15, 2022
Math Magicians is a website for performing basic maths calculations, This website is built using REACT and JavaScript libraries.

Math Magicians Math Magicians is a website for performing basic maths calculations, This website is built using REACT and JavaScript libraries. Screen

Ranjeet Singh 12 Oct 20, 2022
Math Magicians! This is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make basic calculations and read a random math-related quote.

Math Magicians Math Magicians is the first React Project I'm building. The main objective of this is to understand React features with a project-based

Andrés Felipe Arroyave Naranjo 7 Feb 26, 2022
A Single Page App (SPA) that allows users to: make simple calculations and read a random math-related quote

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.

Sahar Abdel Samad 13 May 31, 2022
Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations. Read a random math-related quote.

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.

null 7 Mar 23, 2022
we are make our components in story book. So if we add some components you can find document and example of useage in storybook.

we are make our components in story book. So if we add some components you can find document and example of useage in storybook.

고스락 6 Aug 12, 2022
An application that has a frontend (user interface) that allows you to create, read, update or delete (CRUD) products using an API in which you can also create, read, update or delete products.

CRUD app with React and Firebase 9 An application that has a frontend (user interface) that allows you to create, read, update or delete (CRUD) produc

Júlio Bem 3 Sep 28, 2021
Edvora App is a web application based on an external API, showing data about different types of products and the user can filter these data by choosing a specific state, city or product name. Build with React.js

Edvora App is a web application based on an external API, showing data about different types of products and the user can filter these data by choosing a specific state, city or product name. Build with React.js

Kyrillos Hany 5 Mar 11, 2022
As a user, I want to be able to post about travel locations and provide comments and ratings. As a user, I want to be able to look at other users posts and search travel locations by rating.

Travel-bug https://travelbug-project.herokuapp.com/ Table of Contents User-Story Description Installation Usage Contributions Tests License Questions

Megan 3 Mar 2, 2022
A bookstore app that allows a user add a book, displays added book with reviews and rating for each book and allows a user delete a book.

BOOKSTORE A bookstore app that allows a user add a book, displays added book with reviews and rating for each book and allows a user delete a book. Bu

Promise Okechukwu 7 Nov 1, 2022
The UI for staking NFTs on Solana. Cardinal staking UI can be treated as an admin interface for stake pools hosted by cardinal-staking as well as a barebones end-user staking UI

Cardinal Staking UI This repository hosts the UI inteface that powers https://stake.cardinal.so for staking NFTs on Solana. Use this repo to create an

Cardinal 55 Dec 24, 2022
👉 Built my first React JS project "ToDo" webapp using some Features and Icons from Material UI.

# Getting Started with Create React App This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). ## Avai

Vansh Chitlangia 2 Dec 15, 2021
This simple tic-tac-toe game is created by following the react documentation. and there's some modifications on it.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Kesara Karannagoda 1 Dec 29, 2022
A personal project, made with React, React Native, Typescript and some of the most used front-end libraries.

A personal project, made with React, React Native, Typescript and some of the most used front-end libraries.

Alvaro Junior 1 Jul 23, 2022
A web application to search all the different countries in the world and get details about them which can include languages, currencies, population, domain e.t.c This application is built with CSS, React, Redux-Toolkit and React-Router.

A web application to search all the different countries in the world and get details about them which can include languages, currencies, population, domain e.t.c This application is built with CSS, React, Redux-Toolkit and React-Router. It also includes a theme switcher from light to dark mode.

Franklin Okolie 4 Jun 5, 2022