There are millions of ways to generate a random name in a JavaScript application. The NPM library is loaded with tons of many such libraries. Most of these libraries are…
How to filter a list based on drop down selection in Vue.js | Example
Dealing with lists is something you cannot avoid no matter the kind of application you're building. With an ever growing list of records, you're often left to deal with filters…
Auto calculate total / price of cart items in Vue.js | Example
Working on an E-commerce app would definitely require you to sum up the card items at some point. While the logic to do that isn't rocket science, many of us…
Build an iOS / iPhone home screen clone in Vue.js
In this article, I'm going to demonstrate how I built an iOS home screen clone using just Vue.js. First, let's have a look at the project structure: Project files And…
How to use a rich text editor in Vue.js. | Example
If <textarea> is not sufficient for you and you're looking for something better, you need a rich text editor. Luckily, Vue.js has plenty of options available if you're looking for…
How to auto lowercase and uppercase input text in Vue.js?
Sometimes doing a simple task (like changing a text to uppercase or lowercase) can turn tedious and take away a large amount of time. Thanks to the watch property of…
Build a WhatsApp chat clone (interface) using Vue.js
One of the best ways to enhance your Vue.js skills, is by trying to imitate interfaces already used by renowned companies. Since those interfaces have been tried and tested by…
How to accept only alphabets and numbers in input field in Vue.js | Example
There may be occasions when you'd want user to enter a username with valid alphabets and numbers only (alphaNumeric). You might also want to show a warning if the entered…
How to sort a list / table by columns in Vue.js. | Example
In JavaScript, there are multiple popular data manipulation libraries like lodash, underscore, buryjs, etc. However, there's a huge community who oppose the usage of such libraries, including me. I mean,…