A small and stylish weather dashboard with vuejs

A small and stylish weather dashboard with vuejs

A small and stylish weather dashboard with vuejs.The reason I'm writing this application is to discover the best practices I could follow in writing a front-end webapp given Vue's centric 'reactive-viewmodel' approach and how my approach relates to the original 'GUI-Architecture' MVC pattern.

The Weather Dashboard

The reason I'm writing this application is to discover the best practices I could follow in writing a front-end webapp given Vue's centric 'reactive-viewmodel' approach and how my approach relates to the original 'GUI-Architecture' MVC pattern.

Another reason is that I'd like to formulate the best build setup I'd use given that vue-loader is a webpack plugin (thus using webpack and a build process is a must).

WORK IN PROGRESS

Pending Features

  • Precipitation (shown values are dummies)
  • Change settings
  • Support multiple screens (This should be a matter of adding a couple of css media queries)
  • Set city based on current location
  • Connection problems (api retrieval) feedback

Download Details:

GitHub: https://github.com/hadichahine/TheWeatherDashboardApp

Download Link: https://github.com/hadichahine/TheWeatherDashboardApp/archive/master.zip

vuejs javascript vue-js

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

8 Popular Websites That Use The Vue.JS Framework

In this article, we are going to list out the most popular websites using Vue JS as their frontend framework. Vue JS is one of those elite progressive JavaScript frameworks that has huge demand in the web development industry. Many popular websites are developed using Vue in their frontend development because of its imperative features.

Top 10 VueJS Development Companies To Know In 2021-22

Find the list of Top 10 VueJS Development Companies to help you out in hiring reliable Vue.js developers for web & mobile app development.

Laravel 8 VUE JS Example | Laravel 8 VUE JS Tutorial For Beginners

<div class="gen-info-box"><b>Recommended:-</b><a href="https://www.tutsmake.com/laravel-8-vue-js-post-axios-request-tutorial/">Laravel 8 Vue JS Post Axios Request Tutorial</a></div> <div class="gen-info-box"><b>Recommended:-</b><a...

Hire Dedicated Vuejs Developers - Hire Vue.Js Development Company

Employ our best Vue.js Developers for your custom Vue JS app development. We provide end to end Vue development services & solutions to both small and large companies.

Vue ShortKey plugin for Vue.js

Vue-ShortKey - The ultimate shortcut plugin to improve the UX .Vue-ShortKey - plugin for VueJS 2.x accepts shortcuts globaly and in a single listener.