In this tutorial, we will be using Vuex and ApolloClient connected to a GraphQL API to handle authentication in our Vuejs app. Authentication and Authorization Authentication and Authorization are most often used interchangeably, but they’re different concepts entirely. Authentication identifies or verifies who a user is while Authorization is validating the routes (or parts of the app) the authenticated user can […]
In this article, we will learn about Dynamic Routing In VueJS. Time and time again, the simplicity heralded in Vuejs has been reiterated. It does go without saying, that it is the bedrock on which the framework was built on. “I would consider it my failure if it takes 3 years to be good at […]
In this tutorial, we will create a complete laravel CRUD application with features like error handling, pagination, and all the best practices so that you can improve the quality of your Laravel project. For illustration consider the following application: Contents Requirements Setup Laravel project Create Controller and Model Setup the Layout READ Operation CREATE Operation […]
In this tutorial, we would be building a simple Vue application with Hasura and Vue-Apollo that allows you to add, delete, and get all books you have read.
This tutorial will be looking at how we can use Tailwind CSS, Vuejs, and the firebase store to build an invoicing app. What is an invoicing app? An invoice app is an app that is used to lists the products and services a business provides to a client and to pay the client based on […]
In this tutorial, we’ll build a complete CRUD application using VueJS and Laravel.For illustration, consider the following simple app: Contents Before we kick off Introduction Setting up Laravel and VueJs Initialize VueJS Create Operation Read Operation Update Operation Delete Operation Conclusion Before we kick off Learn Vue.js and modern, cutting-edge front-end technologies from core-team members […]
In this tutorial, I will show you how to build a food content detection Application using vue composition API and Clarifai food model API. Overview of the Food Content Detection Application The food content detection application will receive an image link then send the link to the Clarifai food model endpoint which detects the content […]
Sending mails over the internet has become one of the most significant features every web application would love to integrate. In this article, we will see how to send email templates using Nodemailer as our transporter service, Handlebars, as our email templating engine. What We will be building We will build a simple application where […]
In this tutorial, we will be looking at how we can create a Crud application with JavaScript. In the course of this article, we will create a Todo app. It is focused more on beginners learning javascript. A todo app is the most popular thing to build when learning a new programming language, and all you need […]
Getting user input is crucial for many web apps as it enables the web app to give the user a more personalized experience. However, getting user input is not so straightforward because you have to: Make sure you are getting the right input from the user Make sure the input is in the correct format […]
The composition API is a new and optional way of creating and organizing components in a Vue 3 application. The Composition API allows reactive component logic to be defined more intuitively by allowing all the code for a specific feature (search, for example), to be grouped together. Using the Vue composition API will make your […]
In this article, we are going to talk about the basics of Reactive programming. RxJS is a library for composing asynchronous and event-based programs by using observable sequences. Core Essentials in RXJS Observables: represents the idea of an invokable collection of future values or events. Observables are pretty useful and are used to handle the […]
We will be looking at how we can use Firebase Realtime Database and Vuejs to build a chat app. Once users are signed in, we’ll learn how to store user chats in the Firebase Realtime database which allows our chat app to update in realtime. The client application is going to be built in Vue […]
In this tutorial, we will be building a shopping cart with Vue and Vue-material-design. In the course of this article, you will learn how to use Vuex and Vue material design In a Vue application by building a shopping cart. You can check Live demo & source code if you want to refer to it or […]
Webpack is a fast, efficient, very powerful code bundler. TypeScript is a compiler (or transpiler if you prefer) which adds support for type checking to your project. In this article, we will set up our typescript application using Webpack.We will start by creating a new folder on our desktop for this application. I will use […]
