Techformist

Setup Ubuntu VPS - First Few Steps

📅 Jun 11, 2020 · 📝 Jun 29, 2020 · ☕ 8 min read

I create virtual private servers at least 8-12 times an year for client and personal projects. The steps to go live remain the same - Get a cheapo VPS on Digital Ocean, Vultr (get $100 credit), Hetzner, OVH, and friends - I end up choosing Ubuntu as the OS Secure your server Setup app server, database server and tools Stitch together various components through configuration files I have thought about switching to Docker (or Caprover) for months, but keep putting off any kind of automation.

Javascript - A Beginner Guide

📅 Jun 3, 2020 · 📝 Jun 11, 2020 · ☕ 30 min read

Here’s a good guide to get you started on Javascript in a practical way. Why another guide? Practical - don’t learn for the sake of learning, learn for the sake of doing! Tactical - learn what matters, fast (yes, that’s what everyone says) Strategic - see the big picture This guide will get you started from the beginning, graduate you to using industry standard tools, and point you towards the right direction for learning even more than what can be offered in one guide or course.

Setup Development Workspace in WSL2

📅 May 29, 2020 · 📝 Jun 9, 2020 · ☕ 5 min read

WSL2 was released yesterday along with Windows10 May 2020 update (v2004). WSL2 enables to work with Linux kernels within Windows, and it brings some crazy possibilities for those of us who refuse to dual boot or switch over completely to Linux. I am assuming that you already have installed Windows v2004 through the normal Windows update channel, or through the update assistant.

Create a simple app using Vue from CDN

📅 May 27, 2020 · 📝 May 29, 2020 · ☕ 10 min read

I had to work on a MVP where there were specific instructions to use Vue directly from a CDN. The Vue build available in this way is also called UMD (Universal Module Definition) build since you can use Vue from anywhere and the project does not need specific setup to build and package your code.

Using Vue Plugins in Quasar

📅 May 22, 2020 · ☕ 2 min read

Here’s a quick way to use Vue plugins in Quasar. Use Case: Frappe Charts in Vue Let’s consider a simple use case for using Vue plugins - we want to use Frappe charts. We can simply use vue2-frappe to easily do that. Just install the package in your project -

Create Boot Plugin in Quasar

📅 May 20, 2020 · 📝 May 22, 2020 · ☕ 4 min read

Quasar CLI structures project differently as compared to a standard Vue CLI app. As a result, you cannot just follow examples on the Internets blindly and use Vue.use(), or start changing code in main.js. There are, however, great ways of addressing the same problems with slightly different solutions. Enter boot files.

Convert XML to JSON in Node

📅 May 13, 2020 · ☕ 4 min read

Here’s a quick demo of how you can convert XML to JSON in NodeJS. Problem You are given a slew of XML files and you have to convert them to JSON. But why JSON? It takes lesser space Faster and easier to work with What are we dealing with here?

Access Vuex Store in a Quasar App

📅 May 6, 2020 · 📝 May 22, 2020 · ☕ 4 min read

Quasar is great. But, it is also a bit different when it comes to accessing the Vuex store from your code. Why is Quasar any different? “Is it not just Vue?” Well, yes. But.. the project structure created by Quasar CLI differs from a “normal” that by Vue CLI. Quasar CLI builds on top of Vue as well but may not follow similar practices to other frameworks / libraries using Vue.

The Developer Tools I Use (2021 Edition)

📅 Apr 29, 2020 · 📝 Jun 9, 2020 · ☕ 6 min read

Here are the list of tools that I use in my developer life 🔥🔥. Almost all of the tools are free, or reasonably priced. We live in exciting times - a developer in a “developing country” can do business globally by using the most amazing tools that humankind has produced.

Learn FeathersJS by Building a Simple CRM - Client App

📅 Apr 22, 2020 · 📝 Jun 9, 2020 · ☕ 15 min read

Here we see how to build a real-world client application for your FeathersJS backend. We will use Vue + Feathers-Vuex and quickly create the frontend app. Building the Client Application Previously you saw how we could use Feathers to quickly build a backend application. The beauty of feathers is not only that it is quick to build, but it is also universal.

Simple VueJS Starter Template

📅 Apr 15, 2020 · 📝 Jun 9, 2020 · ☕ 4 min read

VueJS booster template is a boilerplate that has simple features that make it really easy to start new projects. Vue CLI makes starting a Vue project simple - vue create demo This sets up everything that you need to start - but just so. There are more than few things missing for a functioning/easy-to-use project :)

Learn FeathersJS by Building a Simple CRM App

📅 Apr 8, 2020 · 📝 Jun 9, 2020 · ☕ 17 min read

We have previously seen a simple todo app using FeathersJS(and NeDB). Feathers makes it really easy to develop an API or a real-time app by providing a super-powered baseline that can be extended quickly to create a useful app. However, the example provided earlier does not provide a set of features anywhere near the real-world experience.

Starter Template for AdonisJS

📅 Apr 1, 2020 · 📝 Apr 30, 2020 · ☕ 3 min read

I have used AdonisJS in and out of projects in the last year. Despite it’s smaller community and not-so-regular enhancements, it remains one of my favourite NodeJS frameworks. I recommend AdonisJS for hobby and production projects in full confidence :) I typically use AdonisJS for back-end, which has me start with -