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

Related tags

React react javascript css html webpack reactjs
Overview

Math Magicians

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

Screenshots:

screenshot

Project's features are added into seperate branch to keep main branch safe.

Built With

  • HTML
  • CSS
  • JavaScript
  • Webpack
  • REACT

Online live link

Visit project online

Getting Started

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

Prerequisites

  • A text editor(preferably Visual Studio Code)

Install

Using it Locally

  • Clone the project from GitHub [email protected]:thecodechaser/math-magicians.git
  • Run the following commands as listed in your terminal:
  • npm install
  • npm run start # this will make webpack watching for your changes in code

Visit And Open Files

Visit Repo

Download Repo

Download Repo

Authors

👤 Ranjeet Singh

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Inspiration: Microverse

📝 License

This project is MIT licensed.

Comments
  • Testing

    Testing

    This Branch includes the following features:

    • Added unit tests for operate.js and calculate.js.
    • Added unit tests for all React components.
    • Used Jest snapshots to test the components.
    • Use React Testing Library to simulate user interaction.
    opened by thecodechaser 0
  • Created full website

    Created full website

    This branch includes the following feature:

    • Created a completely functional website.
    • Added header, home, quote components.
    • Added routers for each component with their respective path.
    • Applied styling for each page.
    opened by thecodechaser 0
  • Refactor with hooks

    Refactor with hooks

    This branch includes the following features:

    • Changed calculator class-based component to function-based component.
    • Removed this binding from every element.
    • Used useState() hook to store the state.
    • Used setState() function inside hook to update the state.
    opened by thecodechaser 0
  • Built events

    Built events

    This branch includes the following features:

    • Added the logic files into logic/ directory.
    • Imported logic files to calculator file.
    • Created click event handler.
    • Linked click event handler to all buttons.
    • Updated output paragraph with calculator output.
    opened by thecodechaser 0
  • Created components

    Created components

    This branch includes the following features:

    • Created calculator component.
    • Exported the calculator component to the main component(App.js).
    • Created markup for the calculator.
    • Applied styling for the calculator.
    opened by thecodechaser 0
Owner
Ranjeet Singh
Full-stack software developer, have a huge love for astronomy. Stack: Java, JavaFX, JavaScript. Currently looking for new opportunities.
Ranjeet Singh
GitHub
"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
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
"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

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. Built with React and pure CSS

Roberto Andres Condezo Monge 9 Mar 31, 2022
This is a single page application that includes three pages; Home, Calculator and Quotes. You can do Math Calculations and read quotes.

Math magicians app This is a single page application that includes three pages; Home, Calculator and Quotes. You can do Math Calculations and read quo

Lynette Acholah 12 Jun 7, 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
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
nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries

nivo provides supercharged React components to easily build dataviz apps, it's built on top of d3. Several libraries already exist for React d3 integr

Raphaël Benitte 10.9k Dec 31, 2022
Basic React Project with React Router, ContextAPI and Login

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

null 26 Jan 3, 2023
This is a calculator application. The user can do some calculations on this application.

Math Magicians This is a calculator application. The user can do some calculations on this application. Built with: Reactjs Redux Live Live demo deplo

Firdavs Allamurotov 4 May 15, 2022
🔄 Basic project to start studying React and Typescript. With it you can translate text to binary or morse language. This project addresses the creation of routes and components.

max-conversion Projeto criado para iniciar nos estudos de React e Typescript Basic project to gain knowledge in react Na plataforma é possível convert

Igor Neves 3 Feb 12, 2022
A basic React/NextJS project showing how to use the Flow Client Library (FCL)

How to use the Flow Client Library (FCL) with SvelteKit Everything you need to build a SvelteKit project with the Flow Client Library (FCL). For a Sve

Andrea Muttoni 19 Sep 24, 2022
here in this git repo you will get react js basic layout, having in responsive mode.

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

null 3 Feb 23, 2022
This library is a template to generate new angular component libraries.

Open Template Hub - UI Library Template v1 This library is a template to generate new angular component libraries. About the NPM Package Package Insta

Open Template Hub 6 Dec 18, 2022
Single function to create, manage, compose variants, for any CSS-in-JS libraries.

Build-variants Single function to create, manage, compose variants, for any CSS-in-JS libraries. Motivation Before diving into the implementation deta

Alexis Mineaud 3 Jan 2, 2023
Parcel Next JS - A simple website with Authentication and basic API calls to a backend system.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Subham Roy 1 Jan 2, 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
Simple React Social Network, built with React,Node,Express,MongoDB and Tailwind

Full stack react social network application A mini social network application built with React,Typescript, Redux, Node, Express, MongoDB, and Tailwind

Albenis Kërqeli 31 Dec 19, 2022
Webpack is an open-source JavaScript module bundler. This includes basic setup files to help me not redo all the setups for webpack when starting a new project.

Webpack Setup Webpack is an open-source JavaScript module bundler. It is made primarily for JavaScript, but it can transform front-end assets such as

Nemwel Boniface 14 Jun 23, 2022