coderua / sunnyday

5 Day Weather Forecast

Sunny Day - 5 day weather forecast

Demo

https://coderua.github.io/sunnyday/

Description

Shows weather forecast for 5 days at any location or city. It includes weather data every 3 hours. Used openweathermap.org API as a weather forecast data provider. Also application gives an ability to add more data providers and switch between them via config.js file.

Project setup

npm install -g @vue/cli # A runtime dependency
npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run unit tests

npm run test:unit

Todo

• Implement sexy UI.
• Make page layout using css grids.
• Implement unit tests for ui components.
• Show more weather information: humidity, rain possibility, wind speed, etc.
• Implement temperature chart.
• Real-time switching between weather forecast providers.
• Switching between metric and imperial unit systems (Celsius, Fahrenheit, etc.).
• Favorite cities list.
• Changing page background depends on the weather and time.
• Implement PWA.
• Add internationalization for messages.
• Add more animation effects.