The weather app shows local weather information (assuming the user permits the browser to send its location, and the browser is capable). Once the weather data has been received from the OpenWeatherMap service, this is presented to the user in one of three possible modes, increasingly in levels of detail. The background image will update with a random image from Unsplash based on the obtained weather details. Lastly, the weather information auto updates every 20 mins.
To install the software use, yarn install
.
During development, the environment variables for OpenWeather and Unsplash API keys are read from .env
; these are not included in the Github repository for obvious reasons. Also please note, when building in development mode the development server info is read from .env.development
. Consequently, this environment variable will be absent when building for production.
To run up both the json server and the Vue app at the same time, there is a yarn script serve:json
.
The app was deployed on Netlify and can be found here.