A Single Page App (SPA) that allows users to: make simple calculations and read a random math-related quote

Related tags

React react javascript css3
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.

screenshot

Setup

Clone this repository

$ git clone [email protected]:Sahar-AbdelSamad/math_magicians.git
$ cd math_magicians

Run project

$ npm install
$ npm run start # this will make webpack watching for your changes in code

Run tests

To run the test just use the following command!

$ npm test

Live Demos

Built With

  • React
  • Webpack
  • JavaScript
  • CSS

Authors

👤 Sahar Abdel Samad

🤝 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!

You might also like...

Single Page Application built using React, Context API and OMDb API.

Single Page Application built using React, Context API and OMDb API.

Movie Search App This project is a React application with functions to search for movies and add movies to favorites using OMDb API. Home Page Favorit

Sep 6, 2022

Single Page Application with React, React Router, PostCSS, Webpack, Docker and Docker Compose.

spa-store Single Page Application with React, React Router, PostCSS, Webpack, Docker and Docker Compose. Contributing Feedback Roadmap Releases Check

Jul 4, 2022

React app that allows users to compare and analyze the cost of living between cities around the world.

✨ LivingApp is a react app that allows users to compare and analyze the cost of living between cities around the world. ✨ Features 🔩 Simple: Bootstra

Feb 5, 2022

Space Traveler's Hub is a single page web application that fatches rockets, missions from the SpaceX API.

Space Traveler's Hub is a single page web application that fatches rockets, missions from the SpaceX API.

Space Traveler's Hub is a single page web application that fatches rockets, missions from the SpaceX API. Users can book and cancel their reservations for rockets and missions. Application has three pages Rockets/Missions/MY Profile, My Profile page shows the list of reserved rockets and missions.

Oct 20, 2022

A weather app done with React. Allows you to make a search for the current weather by simply typing "common knowledge" cities and save them to favourites on local storage.

A weather app done with React. Allows you to make a search for the current weather by simply typing

Simpliest Weather React-App A weather app done with React. Allows you to make a search for the current weather by simply typing "common knowledge" cit

Aug 24, 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.

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

Nov 1, 2022

This compress library was made with Brotli and Gzip help, for React users who want to make website more performance and reduce JS bundle code

This compress library was made with Brotli and Gzip help, for React users who want to make website more performance and reduce JS bundle code

React-compress This compress library was made with Brotli and Gzip help, for React users who want to make website more performance and reduce JS bundl

Jan 6, 2023

Stocks Market SPA React-Redux Capstone project

Stocks Market SPA React-Redux Capstone project

Stocks Market SPA React-Redux Capstone project Capstone SPA project using React, Redux and API for the stocks market. Displaying stocks market informa

May 20, 2022

A Webapp related to Crypto go and have a look shows every thing you want to know

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

Oct 19, 2021
Comments
  • Add new quote button

    Add new quote button

    In this PR I:

    • Reorganized the files inside the src folder
    • Added a new button in the Quote component that generates a new quote
    • Updated the README file to match the new changes
    • Changed the default Route to match the Home route
    opened by Sahar-AbdelSamad 0
  • Test

    Test

    In this branch I:

    • Set up React Testing Library.
    • Created unit tests for operate.js and calculate.js using Jest.
    • Created unit tests for all React components using Jest snapshots.
    • Updated the README file
    opened by Sahar-AbdelSamad 0
  • Events

    Events

    In this PR I:

    • Copied the files calculate.js and operate.js into a logic/ directory
    • Implemented the event handlers to use the math logic from calculate.js and operate.js in the Calculator.js component
    • Created Button.js component that creates the buttons and calls the event handler
    opened by Sahar-AbdelSamad 0
  • Develop UI of Calculator

    Develop UI of Calculator

    In this PR I:

    • Created the directory components that contains the Calculator.js and Calculator.css files
    • Created a React component of the UI of the calculator using classes
    • Made sure there are no Linters errors
    opened by Sahar-AbdelSamad 0
Owner
Sahar Abdel Samad
Full-Stack Web Developer with a love for JavaScript. I read and listen to audiobooks in my spare time. Looking for my next job!
Sahar Abdel Samad
GitHub https://sahar-abdelsamad.github.io/math_magicians/
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 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
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
"BookStore" is a web app for adding books. It is a Single Page App (SPA) that allows users to add and remove a book from the library

BookStore | M3Wx "BookStore" is a web app for adding and removing books from a library storage. It is a Single Page App (SPA) that allows users to add

Alexander Oguzie-Ibeh 4 Apr 11, 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
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
Interactive web app where you can Store ,Add and Remove books to organize the books that you've read or the ones willing to read

bookStore Interactive web app where you can Store ,Add and Remove books to organize the books that you've read or the ones willing to read Built With

Yassine Omari 7 Jul 20, 2022
Web App to store a list of books (Title and Author) made as a single page app.

Awesome Books This project its an interactive list of books, you can add and remove items to the list. Built With HTML JS Getting Started In this proj

Alex Puente 7 Nov 9, 2022
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