The project developed a comprehensive calculator web app, The technologies which are used here are Html, React, JavaScript , [email protected] and Css.
MIT License
Math Magicians is a web app to work like a calculator, I used React and JSX to build this web app.
Check out the live demo of this project here.
To get a local copy up and running, follow these steps.
In order to run this project you need:
Google Chrome or other browser
https://www.google.com/chrome/?brand=JJTC&gclid=CjwKCAjw9J2iBhBPEiwAErwpeSDcMFWiIQWj2u5GY6owZ7OaOHw7dYYCHW7uTR4kvYosNJYd4wt4VxoCiywQAvD_BwE&gclsrc=aw.ds
Github Account:
https://github.com/
Npm installed:
https://nodejs.org/en/download
Git installed:
https://git-scm.com/downloads/
Clone this repository to your desired folder:
cd my-folder
git clone https://github.com/najibullahjafari/math-magicians
Please do the following steps in this order:
npm run build
to instal all dependencies.npm start
commandLinters:
If you had any issues with linters for react
you can install as bellow:
npm install --save-dev [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] @babel/[email protected] @babel/[email protected] @babel/[email protected] @babel/[email protected] @babel/[email protected]
not sure how to use npm? Read this.
npx eslint "**/*.{js,jsx}"
on the root of your directory of your project.Run
npm install --save-dev [email protected] [email protected] [email protected] [email protected]
not sure how to use npm? Read this.
Copy .stylelintrc.json to the root directory of your project.
Do not make any changes in config files - they represent style guidelines that you share with your team - which is a group of all Microverse students.
Run npx stylelint "**/*.{css,scss}"
on the root of your directory of your project.
Fix linter errors.
IMPORTANT NOTE: feel free to research auto-correct options for Stylelint if you get a flood of errors but keep in mind that correcting style errors manually will help you to make a habit of writing a clean code!
To run the project, execute the following command:
Open the index.html in your browser
To run tests, run the following command:
to check for styling errors:
npx stylelint "**/*.{css,scss}"
You can deploy this project using:
Your working browser.
Najibullah Jafari
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Do you like this project? So don't wait to give one star!
I would like to express my deepest gratitude to Microverse for this project. The invaluable learning experience and support provided have been instrumental in my growth as a developer. My mentors and instructors deserve special thanks for their guidance and patience. The collaborative spirit of my fellow students has been a constant source of inspiration. I also extend my appreciation to the open-source community for their contributions. Lastly, my family and friends' unwavering support has been a driving force throughout this journey. Thank you, Microverse, for this incredible opportunity!
This project is MIT licensed.