Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ahmadchata/weather-app
⛅️☔️ A weather forecast web application that uses the OPENWEATHER API to retrieve weather data of most cities around the world.
https://github.com/ahmadchata/weather-app
javascript webpack
Last synced: 6 days ago
JSON representation
⛅️☔️ A weather forecast web application that uses the OPENWEATHER API to retrieve weather data of most cities around the world.
- Host: GitHub
- URL: https://github.com/ahmadchata/weather-app
- Owner: ahmadchata
- License: mit
- Created: 2021-04-16T14:06:48.000Z (over 3 years ago)
- Default Branch: development
- Last Pushed: 2023-03-06T10:52:34.000Z (almost 2 years ago)
- Last Synced: 2025-01-04T01:59:01.943Z (6 days ago)
- Topics: javascript, webpack
- Language: JavaScript
- Homepage:
- Size: 4.6 MB
- Stars: 4
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Weather-App
## Project Description
> This project is a weather forecast web application that uses the **WEATHER API** to retrieve weather data of most cities around the world and present it to the user in response to their specific entry.
### Screenshots
## 🔧 Built with
- HTML5
- CSS3
- Javascript
- Node Package Manager (npm)
- Webpack
- OpenWeatherMap API
## 🔴 Live Demo
- [Weather App](https://raw.githack.com/ahmadchata/weather-app-js/feature/dist/index.html)
## Get started
### Prerequisites
1. Node Package Mangaer(npm) should be installed on your local machine.
### Steps to follow
1. Clone the repository to your local machine using `git clone [email protected]:ahmadchata/weather-app-js.git`
1. On your local machine, navigate to the Weather-App folder using `cd weather-app-js` in your terminal
1. Run `npm install` to install all the necessary dependencies.
1. Run `npm run build`
1. Open the `index.html` file in the dist folder in your favorite browser, or copy its file path and paste it in your favorite browser.
## 🤝 Contributions
There are two ways of contributing to this project:
1. If you see something wrong or not working, please check [the issue tracker section](https://github.com/ahmadchata/weather-app-js/issues), if that problem you met is not in already opened issues then open the issue by clicking on `new issue` button.
2. If you have a solution to that, and you are willing to work on it, follow the below steps to contribute:
1. Fork this repository
1. Clone it on your local computer by running `git clone [email protected]:ahmadchata/weather-app-js.git` __Replace *ahmadchata* with the username you use on github__
1. Open the cloned repository which appears as a folder on your local computer with your favorite code editor
1. Create a separate branch off the *master branch*,
1. Write your codes which fix the issue you found
1. Commit and push the branch you created
1. Raise a pull request, comparing your new created branch with our original master branch [here](https://github.com/ahmadchata/weather-app-js)
## ✒️ Authors
👤 **Ahmad Chata**
- Github: [@ahmadchata](https://github.com/ahmadchata)
- Twitter: [@ahmadchata](https://twitter.com/ahmadchata)
- Linkedin: [Ahmad Chata](https://linkedin.com/in/ahmadchata)
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgements
- This project was originally taken from [the Odin project](https://www.theodinproject.com/courses/javascript/lessons/weather-app).