Embeddable Vue.js Weather Widget

Built with

• Vue.JS
• Vuex (state management)
• Axios (making an HTTP requests)
• Vue Draggable (drag-and-drop component based on Sortable.js)
• Vue Custom Element (render Vue.JS app as an HTML custom element)

Features

This project implements the following features:

• Fetching data from Open Weather API
• Adding new locations
• Removing previously added locations
• Reordering added locations by dragging and dropping them

Project setup

Create .env file in the root directory that contains key/value pair defining the project's required environment variable: key - VUE_APP_WEATHER_API_KEY, value - your Open Weather API key.

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.