API error handling in vue with axios

API error handling in vue with axios

Error handling within an SPA can be challenging, most of the app uses some sort of backend service to store the app data, and things can go wrong due to network connection or a bad user Input. Working with Vue.js app I have figured that to handle all the API related errors best bet is to use axios inteceptor. Continue reading…

Reusable-upload-component-in-Laravel-with-Dropzone

Reusable upload component in Laravel with Dropzone.js

In this post we will create a blade component which we can reuse in any application where we want a file uploader, we will use Dropzone.js to add drag and drop uploading functionality, and laravel as a backend to store the uploaded file, It can upload an image or document which will be configurable using a config file. Let’s get started.

Continue reading…

Convert-Vue.js-app-to-Native-desktop-app-using-Electron

Convert Vue.js app to Native desktop app using Electron

In this post I am going to convert our Vue.js QReader app we build earlier into a native desktop app using Electron, gone are the days when if you wanted to create an app for a desktop you needed to know languages like C++, .Net or Objective C. With tools like electron you can build a fully native and cross platform for desktops using your web skills JavaScript, HTML & CSS. Let’s get started with some intro about Electron.

Continue reading…

QRSS Reader Vue.js & Vuex on Element UI

Build complete RSS feed reader app – Front-end with Vue.js, Vuex & Element UI

In this post we are going to build complete SPA (Single Page Application) using Vue.js v2 and for state management, we will use Vuex which is very similar to redux but it’s for vue.js so out of the box it utilizes vue.js reactivity system. This app will have the option to add, remove and edit RSS feed channel, search and favorite a post, for persistence am using local storage so the app can be usable even in offline scenario, earlier we have already built our QRss API to fetch RSS feed and parse it into JSON so we can consume it in this app. Continue reading…

Youtube like app with Vue.js and Laravel

YouTube like app with Vue.js and Laravel

Earlier we have build our API Create REST API with authentication using Laravel Passport for youtube like app to share videos and comment on them, In this part we are going to implement front-end with Vue.js v2 and improve our API. This will give you very good idea on how you can create app with Vue.js Component, Vue Router and Laravel. Since Laravel 5.4 comes with bootstrap out of the box we will use it for UI. Let’s get started by installing Vue router configuring it. Continue reading…

Vue.js directive to submit and server-side validatate forms using AJAX

Vue.js directive to submit and server-side validatate forms using AJAX

Submitting a Form using classical post request will work but it does don’t give the user feedback while it’s submitting and overall not a great user experience. I find myself creating Laravel apps which uses Vue in many places, but if it’s not a complete SPA (without Vue router),  to make forms more interactive I have created a directive v-ajax-submit which I use religiously in my apps to turn boring forms more fun. Continue reading…

Getting started with Vue.js by making a comment app

In this post, we are going to build a simple commenting system using Vue.js v2 and for the backend we will use PHP, SQLite. The idea it to get your feet wet with Vue.js, Its not going to be complete application to use in production but at the end of this post you will be confident enough to start writing in Vue.js Continue reading…