https://github.com/cdrani/weather
simple weather app
https://github.com/cdrani/weather
async spectre-css weather-app
Last synced: 4 months ago
JSON representation
simple weather app
- Host: GitHub
- URL: https://github.com/cdrani/weather
- Owner: cdrani
- Created: 2018-11-22T02:18:53.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-03-07T18:21:42.000Z (over 7 years ago)
- Last Synced: 2025-02-13T09:23:17.371Z (over 1 year ago)
- Topics: async, spectre-css, weather-app
- Language: JavaScript
- Homepage: https://cdrani.github.io/weather/
- Size: 364 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# weather
Live: [weather](https://cdrani.github.io/weather)
# Overview
This is a weather application built using the [openweathermap](https://openweathermap.org) api to fetch weather data from cities around the world. On load, the weather data pertaining to your current location via your [geolocation ip](https://geoip-db.com/json/) is displayed. The weather data includes current, low, and high temperatures as well as sunrise and sunset times. Subsequent searches are added to a cities list, thus allowing for switching between cities.
## UI
App was designed completely using [spectrecss](https://picturepan2.github.io/spectre/), and although the ui is sparse, the weather data is placed alongside a gif of the current weather condition for fun and immediacy. On the 5-Day tab, a map of the current location is displayed, with a sparkline chart of the 5-Day temperature highs and lows displayed on the chart. Currently this chart is not very readable, essentially missing a legend, data points, axis, etc, but will be most likely be replaced with a better charting library.
## Preview
