Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/davebitter/weather_stream
Real time weather app
https://github.com/davebitter/weather_stream
open-source openweatherapi openweathermap progressive-web-app pwa real-time serviceworker socket-io stream weather weather-api weather-app
Last synced: 8 days ago
JSON representation
Real time weather app
- Host: GitHub
- URL: https://github.com/davebitter/weather_stream
- Owner: DaveBitter
- License: mit
- Created: 2017-04-14T09:59:05.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2023-09-30T18:15:08.000Z (about 1 year ago)
- Last Synced: 2024-10-09T08:42:27.072Z (29 days ago)
- Topics: open-source, openweatherapi, openweathermap, progressive-web-app, pwa, real-time, serviceworker, socket-io, stream, weather, weather-api, weather-app
- Language: JavaScript
- Homepage: https://quick-weather-app.herokuapp.com/
- Size: 304 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Quick Weather Streaming App
Dave Bitter
V 0.1.0
## General
This repository holds the code for a quick little weather streaming app experiment build with [socket.io](https://socket.io/) and [the OpenWeatherMap API](https://openweathermap.org/api). The app provides real-time weather info about a queried city.
## Issues
I highly encourage adding issues to this repo in the case of finding one. I'm always up for improving my code.
## Get it running
### Clone this repo, duh
git clone https://github.com/DaveBitter/weather_stream
cd weather_stream
### Install the dependencies
npm install
### Get the credentials
In order to make use of the API you will need to get a API-ket from [the OpenWeatherMap API page](http://openweathermap.org/appid). After you obtained the key, copy the contents of ```example.env``` to a new file called ```.env``` and paste your key.
### Start up the server
When you run this command, changes in serverside JS files will be watched and the server will restart automatically, changes in clientside JS files will be watched and browserified and the server will be restarted.
npm start
### Additional commands
Browserify clientside JS
npm run build
Watchify clientside JS
npm run watch
Clean clientside build.js file
npm run clean
## Wishlist
* Better error handling unfound place
* SVG icons for weather info
* Remember last viewed place
## Live Demo
You can view the live demo [here](https://quick-weather-app.herokuapp.com/)
## License
[MIT](LICENSE.md) © [Dave Bitter](https://github.com/DaveBitter/)