In the previous post we have built our GraphQL API using Laravel, now let’s focus on the front end and build the Twitter like app using Vue.js, Vuex & Vue router, it will be a completed SPA app, only the auth part will be taken care by laravel out of box authentication, once user logs in then we will load our single page application which we will create in this post using Vue. Continue reading…
Recently I have been working on something very amazing for API development, everyone has been using REST to access API, but now things are changing, in the front-end heavy world where things are consistently growing and new features added every week a fixed REST API is not very good option anymore, so what we need then? the answer is GraphQL. Let’s dive into details of this amazing query language and build a Twitter like app API in Laravel using GraphQL. Continue reading…
In this post we will take a deep look into Components and Mixins in Vue JS, you must be familiar with components as its provider by all major JS frameworks out there. They help you extend basic HTML elements to encapsulate reusable code. At a high level, components are custom elements that Vue’s compiler attaches behaviors and mixins give you a place to keep reusable code which keeps your code base DRY and easily maintainable. Continue reading…
These days majority of web apps delegate authentication to other providers like Facebook, Google, Twitter, Github and many others. By using OAuth we don’t have to worry about storing user credentials on our server and gives user flexibility to use the same account to authorize on multiple platforms. Continue reading…
I have been working on an application which needs to store a lot of metadata about user profile, we discussed with the team about using NoSQL database (MongoDB) since its a JSON data set which can be extended and customized for the specific user profile due to its schemaless structure. As we know from MySQL 5.7.8 JSON field types are supported natively, not only we can store data as JSON but we can run the where clauses on it. So we used this fields type instead of using a full NoSQL DB, Let’s see how we can use it in a Laravel app. Continue reading…
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.
Laravel comes with Authentication and Authorization out of the box, I have implemented many role and permissions based system in the past, using laravel, it’s peace of cake. In this post, we are going to implement a fully working and extensible roles and permissions on laravel 5. When we finish we will have a starter kit which we can use for our any future project which needs roles and permissions based access control (ACL). Continue reading…
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…
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…
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…