Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nejcfurh/weather-app
Weather App written in Vanilla JS.
https://github.com/nejcfurh/weather-app
vanilla-forums weather-app
Last synced: 16 days ago
JSON representation
Weather App written in Vanilla JS.
- Host: GitHub
- URL: https://github.com/nejcfurh/weather-app
- Owner: nejcfurh
- Created: 2022-04-09T18:47:45.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-12-22T21:18:36.000Z (about 1 year ago)
- Last Synced: 2024-11-11T02:09:57.091Z (2 months ago)
- Topics: vanilla-forums, weather-app
- Language: JavaScript
- Homepage:
- Size: 57.2 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This is a basic weather app with simple design and look.
It is using vanilla JS and presents simple DOM Manipulation along with an intro into asynchronous javascript. CSS is not responsive.
There are three API's in use. First one is OpenWeather API - with FREE plan for retrieving weather data, the second one is IP Location API for retrieving location via IP if the user rejects the Browser GeoLocation prompt. The third one is the Reverse Geocoding API by BigDataCloud for retrieving city name from more accurate location.
Currently "geolocation" will work regardlessly if the users rejects the browser location prompt or not (the location will be less accurate via the IP location - it can also be false if the user is using VPN).
Searching for location will dynamically change the background with regard to temperature (there are four different backgrounds for each of the seasons). You can get back to default photo at each search option, but it will be overwritten if the new location search is started (this might be removed in the future).
Can be freely reused for inspiration.
![PreviewWeatherApp](https://github.com/NF-7/WeatherApp/assets/101887698/5ea8b46a-2456-4aed-811f-12ff6e3e034a)