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. Ⓜ💯

Related tags

React Apps javascript css webpack css3 reactjs
Overview

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

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. Ⓜ 💯

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
A Single Page App (SPA) that allows users to make simple calculations and read a random math-related quotes.

This is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote. The aim of this project is to learn how to use React.

Favour Ezeugwa 10 Dec 7, 2022
Mathemagician is a web app 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.

"Mathemagician" is a web app 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.

Alexander Oguzie-Ibeh 11 Apr 22, 2022
Math Magicians is a react web app that has a feature of simple calculator and also generates a random math related quotes

Math Magicians is a react web app that has a feature of simple calculator and also generates a random math related quotes

Sebastian Daniel Solis Fenger 3 May 26, 2022
Math magicians is a website for all fans of mathematics which you can make simple calculations. Built with React.

Math Magicians is a website for all fans of mathematics which you can make simple calculations. Built with React.

Leonardo Goss 3 Mar 24, 2022
Completed React & Redux project, releated to a single page app (SPA)

Completed React & Redux project, releated to a single page app (SPA), were you can find information of the most popular crypto coins in the market using coingecko API. Including a search bar for filtering the crypto coin you want to match.

Nicolas Gonzalez 10 Dec 15, 2022
"Math Magician" is an application created in React designed for math lovers

Math Magicians "Math Magicians" is an app for mathlovers. It was created using React! Hope you like it. Built With React, SASS Visual Studio Code. Liv

Carlos HerverSolano 7 Mar 23, 2022
Mordan React in this project I demonstrate some of the most important tools that will make you design and build a protectional react project using a simple todo idea.

Mordan React in this project I demonstrate some of the most important tools that will make you design and build a protectional react project using a simple todo idea.

Ishmael Kargbo 7 May 24, 2022
A fully secure note reactjs application where only you can see your notes

ReactJS Security Note App A fully secure note application where only you can see your notes.

Hakan ÖZER 0 Aug 6, 2022
ExpenseApp is an app to see you expense history, income history and help you notes what you're buying lately

ExpenseApp is an app to see you expense history, income history and help you notes what you're buying lately

Rizki Maulana Citra 27 Dec 27, 2022
This project I created with Rodrigo Branas in the live about the micro frontends. For this presentation I used single-spa.js, vue.js and react on different micro frontends

live-microfrontends-with-branas Micro Frontend with Rodrigo Branas This project I created with Rodrigo Branas in the live about the micro frontends. F

Carlos Augusto Sempe Junior 10 Dec 11, 2022
Solvent Connect Wallet - A react web app that help its users to see information about the connected wallet and make airdrop or send solana

Solvent Connect Wallet - A react web app that help its users to see information about the connected wallet and make airdrop or send solana

Bhagya Mudgal 0 Aug 1, 2022
Challenge of Interactive comments section from Frontend Mentor

InteractiveComment-Challenge Challenge of Interactive comments section from Frontend Mentor Base setup - language and tools Frontend - Next.js react r

Erika 4 Jul 11, 2022
Made a React Movie Search WebSite, where user can easily search and get data about there favourite movie

Made a React Movie Search WebSite, where user can easily search and get data about there favourite movie. Used omdbAPI for fetching movie data.Its a fully responsive webpage with eye catchy UI.

Debapriya Chandra 7 Nov 21, 2022
This will contain all functionality of Facebooks Post

This will contain all functionality of Facebooks Post (From uploading photo to writing a post on a auto expanding text area, adding Emojies, uploading multiple photo and video). It will also open the tag friends list at the same window as in Facebook

Aytac Güley 2 Nov 22, 2021
This Repository is contain the Source code of the TIC-TAC-TOI

This project was bootstrapped with Create React App. TIC-TAC-TOI This Repository is contain the Source code of t

Chaithanya Reddy 3 Aug 19, 2022
A Whatsapp Clone which built with reactJS. You can sign in with your Google Account and you can chat in real time.

Whatsapp Clone with ReactJS In this app you can create a simple chat room and send messages to each other using our google accounts in the room. Whats

Mert Çankaya 10 Nov 13, 2022
A Disney+ Clone that you can sign in with your Google AccountA Disney+ Clone that you can sign in with your Google Account

Disney+ Clone with ReactJS A Disney+ Clone that you can sign in with your Google Account. Click demo to try it by yourself! Disney+ Clone Demo Link Yo

Yusuf İşbilir 14 Jun 30, 2022
Project from NLW Return. On this project, we can choose a type of feedback, take a screenshot of the page

Project from NLW Return. On this project, we can choose a type of feedback, take a screenshot of the page. Used React.js, Typescript, Tailwindcss, Headlessui, Accessibility, Jtest, Node.js, Prisma DB, Mobile version and much more...

Gleydson Rodrigues 2 May 28, 2022
İnstagram Clone.You can sign in, sign up, upload image, make comment 📷 Used ReactJS, Material UI, Firebase, Firestore Database

İnstagram Clone.You can sign in, sign up, upload image, make comment ?? Used ReactJS, Material UI, Firebase, Firestore Database

null 22 Apr 20, 2022