Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/seanvree/weather

Weather webapp written in HTML/JS. Minimal, self-hosted, and no config required.
https://github.com/seanvree/weather

front-end self-hosted startpage weather

Last synced: about 1 month ago
JSON representation

Weather webapp written in HTML/JS. Minimal, self-hosted, and no config required.

Host: GitHub
URL: https://github.com/seanvree/weather
Owner: seanvree
License: mit
Created: 2017-11-24T03:05:12.000Z (almost 7 years ago)
Default Branch: master
Last Pushed: 2017-12-24T21:59:37.000Z (almost 7 years ago)
Last Synced: 2024-01-30T02:17:14.635Z (10 months ago)
Topics: front-end, self-hosted, startpage, weather
Language: CSS
Size: 195 KB
Stars: 5
Watchers: 2
Forks: 2
Open Issues: 3
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # Weather

Weather webapp written in HTML/JS. Minimal, self-hosted, and no config required. 

**DEMO**:  https://seanvree.github.io/Weather/

# Features:

- Self-hosted, HTML-pure, minimal.

- Mobile ready

- Weather data auto generated via Geolocation.

- Weather API provided via OpenWeatherMap.

- Animated icons.

- Click-to-convert Celsius/Fahrenheit.

- 5-day forecast data (Click on right icon).

- See this integrated into a dope custom home/start page here: https://github.com/seanvree/homepage

## Screenshot :



## Animated Icons :



## Notes:

 - Acquire your FREE API key and replace the default key in **/main.js : LINE 11**

 https://home.openweathermap.org/users/sign_up

 

- Weather auto refresh default setting is set at **30** seconds (2 calls per minute), or 30000(ms). Max is 60 API calls per 1 minute.  Change in **/main.js : LINE 264:**

```

var t = window.setInterval(searchByLocation, 30000);

```

 

- Change the default temp unit from F to C by changing the following two items:

**/index.html: LINE 50:**

```

&degC

```

**/main.js: LINE 9:**

```

var unit = 'metric';

```

 

## About Me:

- [seanvree](https://github.com/seanvree) (Windows Wizard)

- I usually hang out here [![Discord](https://img.shields.io/discord/102860784329052160.svg)](https://discord.gg/j2XGCtH)

- Buy me a beer [![Donate](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://paypal.me/seanvree)

## Credits: 

- [causefx](https://github.com/causefx)

- [jonfinley](https://github.com/jonfinley)

- [wjbeckett](https://github.com/wjbeckett)