Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/m-anwar-hussaini/weather-forecast
Weather Forecast is a user-friendly weather web application that provides real-time weather updates for major cities in Afghanistan. With a clean and intuitive interface, users can access accurate details on temperature, humidity, wind speed, and atmospheric pressure of their desired city, making it easier to plan their day effectively.
https://github.com/m-anwar-hussaini/weather-forecast
bootstrap jest-tests react react-router-dom react-testing-library redux
Last synced: about 1 month ago
JSON representation
Weather Forecast is a user-friendly weather web application that provides real-time weather updates for major cities in Afghanistan. With a clean and intuitive interface, users can access accurate details on temperature, humidity, wind speed, and atmospheric pressure of their desired city, making it easier to plan their day effectively.
- Host: GitHub
- URL: https://github.com/m-anwar-hussaini/weather-forecast
- Owner: M-Anwar-Hussaini
- License: mit
- Created: 2023-07-28T06:12:27.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-08-03T15:53:38.000Z (over 1 year ago)
- Last Synced: 2024-12-27T10:51:24.338Z (about 2 months ago)
- Topics: bootstrap, jest-tests, react, react-router-dom, react-testing-library, redux
- Language: JavaScript
- Homepage: https://weather-forcast-alpha.vercel.app/
- Size: 4.23 MB
- Stars: 11
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 📗 Table of Contents
- [📗 Table of Contents](#-table-of-contents)
- [📖 Weather Forecast ](#-weather-forecast-)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [🚀 Live Demo ](#-live-demo-)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#deployment)
- [👥 Authors ](#-authors-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [📝 License ](#-license-)
**Weather Forecast** is a user-friendly weather web application that provides real-time weather updates for major cities in Afghanistan. With a clean and intuitive interface, users can access accurate details on temperature, humidity, wind speed, and atmospheric pressure of their desired city, making it easier to plan their day effectively. The platform fetches data from reliable weather APIs to ensure up-to-date information. Designed for all tech-savviness levels, it offers a seamless experience on various devices. Stay informed and make the most of every day with our comprehensive weather forecast at your fingertips. Embrace the power of knowledge and explore our application now! ☀️🌧️🌪️
1. ✅ **HTML**
2. ✅ **CSS**
3. ✅ **JavaScript**
4. ✅ **Bootstrap**
5. ✅ **React**
6. ✅ **React Testing Library**
7. ✅ **Redux**
8. ✅ **Redux-Toolkit**
9. ✅ **Git**
10. ✅ **GitHub**
11. ✅ **StyleLint**
12. ✅ **ESLint**
Markup
- HTML
- MD markup
Style
- CSS
- Bootstrap
- React-Bootstrap
Dynamic
- JavaScript
- React
- Redux
- WepPack
Testing
- Jest
- React Testing Library
- 🔰 **[List major cities of Afghanistan with thier weather condition]**
- 🔰 **[Display real-time data]**
- 🔰 **[Show more details for each city]**
- 🔰 **[Mobile application]**
- 🔰 **[Image illustrations]**
- ✅ Click [here](https://space-travelers-hub-h34f.onrender.com/) to see the live demo and watch this [video](https://drive.google.com/file/d/1ASjw86RXEpW6nJ7wqkIjQoIDJClAcWtf/view?usp=sharing) presentation for more info..
**To get a local copy up and running, follow these steps.**
1. Download or clone this [repostory](https://github.com/M-Anwar-Hussaini/Weather-Forecast).
2. Provide a modern web browser.
### Prerequisites
**In order to run this project you need:**
- ✔ [Git](https://git-scm.com/downloads) installed in your machine.
- ✔ Sign in or sign up to your [Github](https://github.com/) account.
- ✔ A professional editer such as [VS Code](https://code.visualstudio.com/download).
- ✔ An Updated web browser such as Google Chrome, you can download it from [here](https://www.google.com/chrome/).
- ✔ [Node.js](https://nodejs.org/en/download) installed in your machine.
- ✔ Stylelint
- ✔ ESLint
- ✔ WebPack
### Setup
- Clone this [repository](https://github.com/M-Anwar-Hussaini/Weather-Forecast) to your desired folder:
- Example commands:
```sh
cd [YOUR FOLDER]
git clone https://github.com/M-Anwar-Hussaini/Weather-Forecast.git
```
### Install
- Run the following command in the root directory of the project to install all dependecies.
```sh
npm install
```
### Usage
- To run the project, execute the following command:
```sh
cd [YOUR FOLDER]
git clone https://github.com/M-Anwar-Hussaini/Weather-Forecast.git
```
### Run tests
1. Stylelint
```sh
npx stylelint "**/*.{css,scss}"
```
2. ESLint ☑
```sh
npx eslint "**/*.{js,jsx}"
```
3. Jest ✔
```sh
npm test
```
### Deployment
**This project is deployed by the author, no permission for deployment by any other client.**
👤 **Mohammad Anwar Hussaini**
- 👤 GitHub: [@Anwar Hussaini](https://github.com/M-Anwar-Hussaini)
- 👤 Twitter: [@MAnwarHussaini](https://twitter.com/MAnwarHussaini)
- 👤 LinkedIn: [Mohammad Anwar Hussaini](https://www.linkedin.com/in/anwar-hussaini/)
- [x] **[Jest testing]**
- [x] **[React Library Testing]**
- [x] **[Deployment]**
- [ ] **[Support more countries]**
- [ ] **[Create Light Theme]**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/M-Anwar-Hussaini/Weather-Forecast/issues).
If you like this project, kindly drop a start for the [repository](https://github.com/M-Anwar-Hussaini/Weather-Forecast);
**I would like to thank the following individuals and organizations for their contribution to this project.**
- I would like to my heartfelt gratitude to [**Microvere**](https://www.microverse.org/?grsf=mohammad-a-nbtazu) for the invaluable learning experience they have provided. The supportive community, dedicated mentors, and remote collaboration opportunities have enhanced my technical skills and prepared me for real-world projects. I extend my appreciation to the mentors and staff members for their guidance and support. The friendships and knowledge sharing within the Microverse community have made this journey truly rewarding.
- I would like to express my heartfelt gratitude to Behance for providing the amazing [design]() inspiration that served as the foundation for my weather web application. Especial thank to its designer **Nelson Sakwa**.
This project is [MIT](LICENSE) licensed.