A simple react project that contain a single page application (SPA) And a simple caculator to make some calculation and there is a section you can see some Math quotes. Ⓜ💯

Related tags

Learning resource javascript css webpack css3 reactjs
Overview

Math Magicians

This is a simple react project that contain a single page application (SPA) And a simple caculator to make some calculation and there is a section you can see some Math quotes. Ⓜ 💯

Video Demo 📽

React.App.-.Google.Chrome.2022-02-15.22-33-41_Trim.mp4

Deploy Demo 🚀

See Heroku deploy

Netlify Status

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Built With

  • Languages: HTML, CSS, JavaScript Reactjs
  • Frameworks: N/A
  • Technologies used: GIT, GITHUB, LINTERS

Additional tools

  • Google fonts
  • Webpack

Authors

👤 Reem

Platform Badge
GitHub @Reem-lab
Twitter Rem79940127
LinkdIn reem-janina

🤝 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

  • Hat tip to anyone whose code was used
  • Inspiration
  • etc

📝 License

This project is MIT licensed.

Comments
  • Add tests to our Calculator

    Add tests to our Calculator

    Changes that we made here 👍

    • Create new folder for tests called __test__
    • Add new file to test Home.test.js and NavBar.test.js
    • Add quotes.test.js and Calcultor component
    • Add unit test for the files operate.js and calculate.js using Jest.
    • Use Jest snapshots to test the components.
    • Use React Testing Library to simulate user interaction.
    • No linter error. 💯💯
    opened by Reem-lab 0
  • Add Routes to Make the whole website

    Add Routes to Make the whole website

    Changes that I made here 👍

    • Add NavBar and quotes and home components
    • Add BrowserRouter in index.js file
    • Add the Routes inside the App to render in it
    • Add the conents of the pages
    • Add styles to the page
    • Update the READMe.md file
    • No linter error 💯💯
    opened by Reem-lab 0
  • Add function component and hook

    Add function component and hook

    Changes that I made here 👍

    • Refactor the Calculator component from a class-based component to a functional component with hooks.
    • Test the calculator
    • Update REAdME.md file
    • No linter error 💯
    opened by Reem-lab 0
  • Add logic and Events to the Calculator

    Add logic and Events to the Calculator

    Changes that I made here 👍

    • Copy the files calculate.js and operate.js into a logic/ directory in my project
    • Implement the event handlers that I need to make the calculator work
    • Using setState to update the state object
    • No linter error
    opened by Reem-lab 0
  • Create React App structure

    Create React App structure

    Changes that I made here 👍

    • Delete all boilerplate files from the project
    • Add a new directory called component
    • Create Calculator.js file inside the component
    • Add the structure to the calculator.js
    • Using class-based component
    • Match the same layout
    • Add some styles to the calculator
    • No linters error
    opened by Reem-lab 0
Owner
Reem janina
"Be brilliant and positive " Love traveling ✈ ..,..,💥❤...... Full-stack web developer 🤩
Reem janina
GitHub
Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to Make simple calculation.

Math Magians Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to Make simple calculation. Live

Nedjwa Bouraiou 8 Sep 6, 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 and read a random math-related quote. Build with React.js

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 an

Kyrillos Hany 9 Mar 23, 2022
Module 03 project: 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.

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 an

Basir Mohammadi 14 Sep 26, 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 and Read a random math-related quote.

Capstone project / FilmTube This is the final project of the moduel 2. we build a series page using an API to display all the series on the main page

Amalia Gomez Moro 5 Aug 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 and 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

Tiago Lelinski Marin 8 Aug 26, 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 A Single Page App (SPA) that allows users to Make simple calculations and read a random math-related quote. "Math magicians" is a websi

Temitope Ogunleye 3 Feb 21, 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

Mithlesh kumar 5 Mar 29, 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 Magician "Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations.

Emmanuel Allan 6 Jun 27, 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.

react-math-magicians React Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: - - Make simpl

null 5 May 27, 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.

ONLINE MATH CALCULATOR USING REACT "Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make

Natasha Tatenda Chirombe 6 Aug 24, 2022
The awesomebooks project is a simple list, but separated into 3 parts and given a retro feel. The main page is where we can add books, and on another page we can see the list, and remove items. There is also a "contact-us" page.

Awesome Books This is the restructured version of the famous awesome-books project! Here you can find JavaScript broken into modules, using import-exp

Matt Gombos 12 Nov 15, 2022
This restaurant project is a SPA (single-page application) website. The user can navigate between the home, menu and contact page. I used the MealDB API to display some menu items.

Fresh Cuisine This restaurant project is from the Odin Project and it is a SPA (single-page application) website. The user can navigate between the ho

Virag Kormoczy 7 Nov 2, 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 maths-related quote.

Project Name : Math Magicians "Math Magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simp

Amrendra K 8 May 29, 2022
This project is a single-page application (SPA) about Booklist in which you can add your favorite books.

AWESOME BOOKS This website Awesome Books Library provides users a convenient way to keep track of their books or reading lists. Users can add and remo

Omar Salem 10 Feb 25, 2022
Hi, this is the meditation app made with React Native (for the frontend) and Nest.js (for the backend). It is a simple app that allows you to meditate for a certain amount of time. It is a work in progress, so there are some bugs and some features that are not implemented yet. The app is still in development, so please be patient. You are welcome to contribute to the project.

Meditation App Hi, this is the meditation app made with React Native (for the frontend) and Nest.js (for the backend). It is a simple app that allows

Jay 45 Jan 4, 2023
Notes may contain grammatical errors and some wont make sense and will only make sense to me

This is my own notes containing all the information and knowledge I've gained during my studying sessions. The notes are all topics that relates to technology such as computers, software or programming.

null 126 Dec 15, 2022
A SPA (Single Page Application) that can track your books on your browser! Made with ES6 modules,JavaScript, HTML 5 and CSS 3.

Awesome-Books-project Recreate awesome book app using ES6 syntax and modules. Built With HTML CSS Javascript Live Demo (if available) Live Demo Link G

Youta Lactio Christabelle 7 Jul 14, 2022
Awesome books app is a basic website that allows users to add/remove books from a list. It is a single page app (SPA) which allow switching to different pages of the app without page load. Built with JavaScript.

Awesome Books ES6 In this project, I build a basic website that allows users to add/remove books from a list. using ES6 syntax and make it more organi

Abdulhamid 11 Jul 1, 2022
This repo. contain some "Login page" , That I have made during learning and practicing HTML & CSS.

Login-Page This repo. contain some "Login page" , That I have made during learning and practicing HTML & CSS. Table of content: v1 v2 Objective and Re

Ayush Mishra 1 Jan 28, 2022