I’ve spent the last few months poking at just about every vibe-coding tool I could get my hands on, and most of them are good for the same thing: spinning up a slick prototype in an afternoon. Pave, Quickbase’s entry into the space, is the first one that made me think – wait, this …
Recent posts
Dockerizing Node.js, Prisma ORM, and Postgres – A Complete Tutorial
Want to build a Node.js application with Prisma ORM and PostgreSQL without the hassle of a complex setup? This tutorial will show you how to leverage Docker to get up and running quickly. We’ll create a simple Todo app that demonstrates the core concepts, and you’ll learn patterns you ca…
Presenting my latest project – LearnLanguageOnline
I’m excited to announce my latest project, LearnLanguageOnline—a website offering free language lessons and exercises. This post outlines both the user experience and the technical development process. For Language Learners As a language learning enthusiast for over a decade, I’ve used…
Building a Simple Inline Edit Form with React
Creating intuitive inline editing functionality is a common requirement in modern web applications. In this tutorial, we’ll build a clean, performant implementation using only React – no additional libraries required. While we’ll focus on text input fields, the approach can be easi…
A Developer’s Guide to Improving Largest Contentful Paint(LCP) for better web performance
In recent years, Web Performance has become a critical topic, not only for developers but also for SEO specialists and marketers. Companies are increasingly investing in improving web performance, as it directly impacts Google’s ranking algorithm and, by extension, the visibility of their business…
Autocomplete component with React and Bootstrap
Implementing typeahead(autocomplete) functionality used to be quite challeging before the modern front end technologies were introduced.In this tutorial, I will show you how I’ve implemented typeahead feature very quickly with React and Bootstrap. Before we start Aside from React, we will also…
React – how to manage forms and validation with useReducer
An essential part of our work as developers is to build forms, that allow our end users to provide input to our applications. There are multiple approaches on how to build and manage forms with React and in this tutorial I want to present my preferable way. Multiple times I’ve seen forms where…
Tabs component with React Hooks
In this tutorial, we will create custom reusable Tabs component using best practices and no external libraries. In the end, we should be able to implement our Tabs component in the following way: Create the Context Create a fresh React app: We will use the Context API, in order to avoid prop drillin…
Modal component with Next.js with close on backdrop click
This tutorial is a continuation of the previous tutorial, where I created a Modal component in a Next.js 13 application, using the pages router. In the current tutorial, I will enhance it by allowing it to close when the user clicks outside of it. I will refer to this functionality as “close o…