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…

survive-a-computer-failure-for-developers

Prepare to survive a computer failure for developers

Recently my MacBook refuse to start so I took it to the service center. Support guy asks me to submit the laptop and it will take 4-5 days to get it fixed. So what I do for 4-5 days then. well, I have to work and meet my deadline. Here is what I did to survive in this crisis. Continue reading…

php-rss-to-json-api

Build complete RSS feed reader app – PHP RSS to JSON API

Hello again! in this 3 parts post series I am going to show you how to build a complete RSS feed reader app using Vue.js and Vuex in which you can add channels, favorite posts, search and more and for backend we will use a PHP API which will get and cache the feed for a day and return simple JSON which will be later consumed by our Vue app. 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…

Which code editor to use for web development

Which code editor to use for web development?

When it comes to IDE code editor I get pretty excited since we developer spends our most of the time using a code editor like Sublime, Atom, PHPStorm, Visual Code Studio, Brackets or more. you know what I tend always try new editors very often, this is one of thing I like. In here I am listing all of the best Code Editor / IDE which I have used. Hopefully, this will help you choose the best editor for yourself. Trust me I have used them all 🙂 Continue reading…

REST API with authentication using Laravel Passport

Create REST API with authentication using Laravel Passport

In this post, we are going to dig into REST API building using Laravel 5.4 and Passport OAuth2 server provided by laravel. This is the next part of my post Advance interactive database seeding in Laravel post, we left off at migration and seeding of the database. Let’s build the API which will be consumed by our vue.js front end later. Continue reading…

Subscription-with-coupon-using-Laravel-Cashier-&-Stripe

Subscription with coupon using Laravel Cashier & Stripe

We developer always find our selfs to roll some sort of subscription system for web apps running on SaaS (Software as a service) model, it can be simple as subscription for a music store, for mailing app etc. and everyone is offering some sort of coupon to boost their sale, in order to achieve these functionalities we are going to use Strip and Laravel Cashier which make handling subscription a breeze. Continue reading…

Things to learn in 2017 for developers

The new year is around the corner and everyone is making new year resolution to use new year better than this, as a web developer we should keep us updated and on the cutting edge of tech and trends in our community. Python, Node.JS, Ionic 2, VR / AR and AI are some of the languages, frameworks & tools which I think will be great to learn in coming year. Continue reading…

Advance interactive database seeding in Laravel

We all need Database seeding when developing medium to large size application or any API, Laravel comes with Database Seeding capabilities but since Laravel 5.1, framework has introduced the Model Factory which is amazing, you just define your Model default fields values using Faker, which gives you all type of dummy data, I find its lot faster and very easy to use.

Continue reading…