- 📖 About the Project
- 💻 Getting Started
- 👥 Authors
- 🔭 Future Features
- 🤝 Contributing
- ⭐️ Show your support
- 🙏 Acknowledgements
- ❓ FAQ (OPTIONAL)
- 📝 License
[Math Magician] This is react full website that carries out basic mathematical calculations. It also has a calculate quote. The site has three pages rendered using SPA in react
This project was built using HTML, CSS and Javascript
Client
- [ React Demo Logo ]
- [ Render deployment ]
- [Live Demo Link](COMING SOON)
To get a local copy up and running, follow these steps.
In order to run this project you need:
-a code editor installed that can run HTML and CSS files -linters installed and fully functional
Clone this repository to your desired folder. Use the command: git clone https://github.com/devalibello/my-react-app.git
Install this project with:
-
Install ESLint: npm install --save-dev eslint@7.x eslint-config-airbnb@18.x eslint-plugin-import@2.x eslint-plugin-jsx-a11y@6.x eslint-plugin-react@7.x eslint-plugin-react-hooks@4.x @babel/eslint-parser@7.x @babel/core@7.x @babel/plugin-syntax-jsx@7.x @babel/preset-react@7.x @babel/preset-react@7.x
-
Install StyleLint: npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x
To run the project, execute the following command:
- open cloned folder in your code editor and run the index.html file
To run tests, run the following command:
To check for CSS or SCSS errors:
-
With linters correctly installed, npx stylelint "*/.{css,scss}"
-
To fix CSS or SCSS linters error: npx stylelint "*/.{css,scss}" --fix
To check for javascript errors:
-
With linters correctly installed,
-
npx eslint "**/*.{js,jsx}"
-
To fix react linters error:
-
npx eslint "**/*.{js,jsx}" --fix
You can deploy this project using:
👤 Ali Bello Imoukhuede
- GitHub: @githubhandle
- Twitter: @twitterhandle
- LinkedIn: LinkedIn
- [Linters for react and CSS are fully installed]
- [Add general styling to the website]
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
If you like this project, kindly share my github repo with your friends and follow me on the various social media platforms
I would like to thank the developers of react.
This project is MIT licensed.