Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lucas-erkana/math_magician_react
In this react project I created a full website for the Math magicians app, consisting of several pages and using the components I have already created. By adding a Home page, Calculator page and Quotes page.
https://github.com/lucas-erkana/math_magician_react
css javascript react-native reactjs
Last synced: 19 days ago
JSON representation
In this react project I created a full website for the Math magicians app, consisting of several pages and using the components I have already created. By adding a Home page, Calculator page and Quotes page.
- Host: GitHub
- URL: https://github.com/lucas-erkana/math_magician_react
- Owner: Lucas-Erkana
- License: other
- Created: 2023-01-09T11:19:28.000Z (almost 2 years ago)
- Default Branch: development
- Last Pushed: 2023-08-07T17:26:41.000Z (over 1 year ago)
- Last Synced: 2024-10-12T09:49:09.131Z (about 1 month ago)
- Topics: css, javascript, react-native, reactjs
- Language: JavaScript
- Homepage: https://math-magicians-s0ze.onrender.com
- Size: 16.6 MB
- Stars: 11
- Watchers: 1
- Forks: 3
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Math magicians
>In this react project I created a full website for the Math magicians app, consisting of several pages and using the components I have already created. By adding a Home page, Calculator page and Quotes page.
Project 1: Setup.
In this project I will set up the environment and tools needed to develop a React application.
Project 2: Components.
In this project, I will continue with the development of the Math Magicians app. I will develop a React component that will hold the core functionality of a calculator
Project 3: Events.
In this project, I will add the logic needed to make the Calculator component I developed in the previous project actually work.
Project 4: Refactor with hooks.
In this project I will refactor the Calculator component I developed in the past projects. Instead of using class based components, I will use hooks.
Project 5: Full website.
In this project I will create a full website for the Math magicians app, consisting of several pages and using the components I have already created. By adding a Home page, Calculator page and Quotes page.
# 📗 Table of Contents
- [� Table of Contents](#-table-of-contents)
- [📖 Math Magicians ](#-math_magic_react-)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [🔭 Future Features ](#-future-features-)
- [🚀 Live Demo ](#-live-demo-)
- [🚀 Video Presentation ](#-Video-Project-Presentation-)
- [💻 Getting Started ](#-getting-started-)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Testing](#testing)
- [Deployment](#deployment)
- [👥 Author](#-author)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [❓ FAQ ](#-faq-)
- [📝 License ](#-license-)
>This is the first project of the Math Magicians application. I set up the environment and tools needed to develop a React application.
**Math magician app**
### Tech Stack
- HTML
- CSS
- [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
- [React]((https://github.com/microverseinc/curriculum-react-redux/blob/main/math-magicians/lessons/what_is_react.md))
Languages
- HTML
- CSS
- Javascript
- React
Bundler
- React
Server
- Github
- **Use calculator**
- **Use calculator to make calculations(Addition, Subtraction, Multiplication, Division and Percentage)**
- **Access Home page**
- **Access Calculator page**
- **Access Quote page**
- [ ] **Calculate sin,cos and tan**
- [ ] **Calculate square root and to the power**
## 🚀 Video Project Presentation
- Video Project Presentation Link
To get a local copy up and running, follow these steps.
### Setup
Clone this repository to your desired folder:
```sh
git clone https://github.com/Lucas-Erkana/math_magician_react.git
cd math_magiacian_react
```
### Install
Install this project with:
```yarn
```
```sh
npm install
```
```yarn
```
```sh
npm install --save-dev @testing-library/react
```
```yarn
```
```sh
npm install --save-dev react-test-renderer
```
### Usage
To run the project in a development server, execute the following command:
```sh
npm start
```
### Testing
To run the tests in a development server, execute the following command:
```yarn
```
```sh
npm test
```
To to build for the production, execute the following command:
```yarn
```
```sh
npm run build
```
### Deployment
You can deploy this project using [Github Pages](https://docs.github.com/en/pages/getting-started-with-github-pages/creating-a-github-pages-site)
## 👥 Author
Lucas Erkana
[githubhandle](https://github.com/Lucas-Erkana)
[twitterhandle](https://twitter.com/@Lucas_David_22)
[linkedIn](https://www.linkedin.com/in/lucas-erkana/)
[facebook](https://www.facebook.com/lucash.toni)
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Lucas-Erkana/math_magician_react/issues).
If you like this project give me a star.
Thanks to our friend [Alex](https://github.com/Osoro254Alex) for a good insight of the overview of the project.
> Add at least 2 questions new developers would ask when they decide to use your project.
- **What is this project?**
- It's a project of micoverse curriculum.
- **Is there any SQL database for this site**
- No, there isn't. However, I used javascirpt objects stored in a file as a small database.
This project is [MIT](https://github.com/Lucas-Erkana/math_magician_react/blob/linters/LICENSE) licensed.