Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sergeiown/weatherapp
WeatherAPP is a user-friendly weather application that offers accurate weather forecasts and a delightful user experience. Stay up-to-date with the latest weather conditions, receive city suggestions, and enjoy a seamless weather tracking experience.
https://github.com/sergeiown/weatherapp
ajax cookie fetch-api geolocation javascript localstorage navigator navigator-api rwd scss svg-animations
Last synced: 4 days ago
JSON representation
WeatherAPP is a user-friendly weather application that offers accurate weather forecasts and a delightful user experience. Stay up-to-date with the latest weather conditions, receive city suggestions, and enjoy a seamless weather tracking experience.
- Host: GitHub
- URL: https://github.com/sergeiown/weatherapp
- Owner: sergeiown
- License: mit
- Created: 2023-02-05T10:23:10.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-07T13:02:10.000Z (7 months ago)
- Last Synced: 2024-04-07T14:23:39.790Z (7 months ago)
- Topics: ajax, cookie, fetch-api, geolocation, javascript, localstorage, navigator, navigator-api, rwd, scss, svg-animations
- Language: JavaScript
- Homepage: https://sergeiown.github.io/WeatherAPP/
- Size: 5.28 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Get Weather App
### A compact api weather app with additional functionality and a pleasant user interface
![Dependencies](https://user-images.githubusercontent.com/112722061/221054510-8b208613-ee81-4e65-88a9-546c435eb4e6.png)
### Functionality
- Weather forecast with search by city name and country using [ISO 3166 Regional Codes.](https://github.com/lukes/ISO-3166-Countries-with-Regional-Codes)
- Search by city is implemented with suggestions of options when the user enters the name. More than 200,000 cities are available!
- Synchronization between selected city and the countries corresponding to the choice has been implemented.
- `Fetch` requests to the [Openweathermap API](https://openweathermap.org/api) are used.
- The forecast data of the last request is stored and displayed in a widget using a cookie.
- If you request a forecast for the same city and country again the new data will only be requested after 10 minutes.
- The `navigator.geolocation API` is used to determine the geolocation of users in the application. This API allows to get the user's current location using GPS or other methods supported by the device.
### Built with
- [Babel](https://babeljs.io/) with [ECMAScript Modules (ESM) configuration](https://babeljs.io/docs/en/babel-preset-env)
## ![screenshot_one](https://user-images.githubusercontent.com/112722061/221371559-2b104f13-5a9a-4593-aa99-5c29543a50ea.png)
![screenshot_two](https://user-images.githubusercontent.com/112722061/221370244-c4b7f3d1-f995-4c85-98a8-eb458d6df93c.png)