- 📖 About the Project
- 💻 Getting Started
- 👥 Authors
- 🔭 Future Features
- 🤝 Contributing
- ⭐️ Show your support
- 🙏 Acknowledgements
- ❓ FAQ (OPTIONAL)
- 📝 License
[Math Magician] This is a webapp that can be used to display various weather conditions of Kano State - Nigeria. The app was built using React/Redux Toolkit with the aid OpenWeatehr API.
This project was built using HTML, CSS and Javascript
Client
- [ Renders the current weather condition in real time ]
- [ API calls to OpenWeather API]
- [ Uses React/Redux Toolkit]
Click for presentation Kano Weather Application Presentation.
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/kano-weather-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
- [Include other state in Nigeria to the webapp]
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/redux toolkit and also OpenWeather API.
This project is MIT licensed.