What is this all about

Simple weather widget that displays weather in the specified cities. The data is fetched from the OpenWeather API  

DEMO: You can find the demo HERE

 

This project uses following technology stack:

• Vue.js 3.2
• Typescript

Recommended IDE Setup

VSCode + Volar+ TypeScript Vue Plugin (Volar).

Usage

You can add this widget by inserting the following code line into an HTML page

   <weather-widget api_key="YOUR_OPENWATHER_API_KEY" />

Example of the html page

Project Setup

If you want to run it locally then clone the repo and after:

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build