Skip to content

Weather forecast dashboard for kiosk displays made with Angular and OpenWeatherMap API

License

Notifications You must be signed in to change notification settings

NicoKarasch/weather-dashboard

Repository files navigation

WeatherDashboard

A beautiful weather display for html kiosks. Made for OpenWeatherMap with Angular, Bootstrap, Chart.js and the very beautiful and animated basmilius / weather-icons. ❤

Screenshot of WeatherDashboard with dark and light mode

Why?

I used the vlane / Weather-Forecast-Dashboard for many years on a Raspberry Pi and liked it a lot! But because I wanted to learn Angular and to have little more decent and modern design, I started to code my own interpretation of a weather kiosk. Hope you like it.

Usage

Grab the latest version from the releases page, copy assets/config.json.example to assets/config.json, change its values to what you like and make everything available for a current browser of your choice.

Language / Localization

Currently english and german is supported out of the box, but it's easy to add your prefered language. In the assets/locale directory you can find the language files. Copy and translate the en.json to your language (ISO 2-digits language code) and refer it in language inside config.json. Your language code must be a "real" one, because it is also used for the OpenWeatherMap API and JS Intl API. Because Angulars' built in I18n tools are very complex in my opinion, I didn't used it at all. Also, it is not possible to add another locale after building. That's why I used this json approach.

Questions / Help?

Just feel free to ask or post an issue, I try my best.

Development

This is a very basic Angular project, no rocket science used. Just feel free to fork, npm install, ng serve and make pull requests, I would love to see what (else) is possible or better with Angular. ;-)