https://github.com/victorgonbu/weather_app
A weather app that pulls from the OpenWeatherMap API to allow users to search for and view the forecast in cities worldwide. Built with JavaScript.
https://github.com/victorgonbu/weather_app
api javascript weather-app
Last synced: about 2 months ago
JSON representation
A weather app that pulls from the OpenWeatherMap API to allow users to search for and view the forecast in cities worldwide. Built with JavaScript.
- Host: GitHub
- URL: https://github.com/victorgonbu/weather_app
- Owner: Victorgonbu
- Created: 2021-01-14T22:41:29.000Z (over 4 years ago)
- Default Branch: development
- Last Pushed: 2021-01-19T06:24:01.000Z (over 4 years ago)
- Last Synced: 2025-01-31T11:14:02.884Z (4 months ago)
- Topics: api, javascript, weather-app
- Language: CSS
- Homepage: https://shaqri.github.io/Weather_app/
- Size: 6.87 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather app
Weather app created using [openWeather](https://openweathermap.org/) API, Where users can access weather information about the location given in the top search bar.
## Built With
- Javascript
- Webpack
- HTML
- CSS
## Live Demo
[Live Demo Link](https://shaqri.github.io/Weather_app/)
## Getting Started
To get a local copy up and running follow these simple example steps.
- Git clone https://github.com/Shaqri/Weather_app.git
- Cd into the weather app folder.
- Install all npm dependencies by running:
```
$npm install
```
>> if you don't know what npm is, you can read what it is about [here](https://docs.npmjs.com/about-npm) and to get it up and running in your computer, follow this [guide](https://docs.npmjs.com/cli/v6/commands/npm-install) from the npm docs.
- Open the index.html inside the dist folder with your favorite browser
- Explore the weather from all different parts of the world you can imagine.
To open the app remotely, just go and try the demo link above.
## Use your API key
If you want to add your own API key from the openWeather API, you can do so by creating a file in the root folder called '.env' and set your API key by following the example in .env-sample.
### Usage
- Cities can be searched by their name, or if you want to be more specific, you can type the name, state, and country space separated in the search bar input.
- If the inputted city is mistyped, doesn't exist, or simply the API request is not reaching that city weather information, the app will display an error below the search input.
## Author
👤 Victor Gonzalez
- Github: [@Shaqri](https://github.com/shaqri)
- Twitter: [@victorgonbu1](https://twitter.com/Victorgonbu1)
- LinkedIn: [Victor Gonzalez](https://www.linkedin.com/in/victor-manuel-gonzalez-buitrago/)
## 🤝 Contributing
Contributions, issues and feature requests are welcome!
Feel free to check the [issues page](issues/).
## Show your support
Give a ⭐️ if you like this project!