Hi, I'm Adrian 👋

A monorepo + BFF + cross-platform client doesn't just shape how you build—it shapes how you test. Which package gets which kind of test, why the typed contract is both a test target and your single mock boundary, how to set up per-package test environments, and the fixture trick that makes end-to-end runs fast and deterministic—with examples from building the whole thing from scratch.

Two different jobs that both say 'AI': using a coding agent to build and maintain a repo, and building AI into the product itself. How to drive Claude efficiently, what agents and MCPs actually are (with Figma/Linear/GitHub examples and the gh-vs-MCP call), and—when you want a feature that talks to a model—how to structure an AI service and wire it into the frontend and backend templates from the last few articles. The condensed version of everything I've learned shipping both.

What a monorepo + backend-for-frontend + cross-platform client actually is, why the combination feels unfamiliar, how I built a runnable template for it from scratch, and—most importantly—how to scale it from a weekend project to a many-team codebase without it rotting.

How to add real test coverage to a fast-moving frontend codebase without slowing anyone down—the concepts, the layers, and the 2026 toolkit (Vitest, Testing Library, MSW, Playwright), based on building a testing foundation from scratch.

A practical, opinionated tour of how to structure a scalable React codebase in 2026—domain-driven folders, typed file-based routing, the SWR/Zustand state split, a validated API boundary, shadcn component layers, and the concepts that keep it all from rotting.

A deep dive into the evolving developer stack of 2025, from client frameworks to databases, authentication, payments, and AI-powered development—based on real-world experience and future-forward thinking.

Explore the end-to-end system design of a high-performance stock broker platform like Zerodha or Groww, focusing on real-time price streaming, order management, scalability, and fault tolerance.

A deep dive into modern frontend deployment workflows, including CI/CD, artifact management, static vs. dynamic hosting, and zero-downtime strategies for enterprise applications.

Discover the 5 core pillars of software development: relational database design, API creation and consumption, authentication, software architecture, and deployment. Learn how to apply them across any tech stack — with or without AI.

Learn how to fetch, sort, deduplicate, and clean JSON data in Node.js with deep dives into object manipulation, case-insensitive sorting, and structural integrity preservation.

Learn the core concepts of distributed systems and system design, from sharding to consistency models, explained simply with real-world examples.

Learn the essential features of Tanstack Query with clear explanations and practical examples — from simple queries to suspense, optimistic updates, and more.

Analyzing the architectural patterns and system design principles behind a scalable React Single Page Application in production environments.

In this article, we're exploring frontend system design for building a scalable news feed application with interactive post feeds.

This is an article showing an example of a live coding interview for a Senior Frontend Developer position with heavy focus on async

AI is a part of our life now, we need to learn what they are and how they work, the objective of this post is to get into that.

Learn how to create a reusable multi-step modal form in React using TypeScript, react-hook-form, and Zod validation.

Lets learn about RSC, what it is and some examples of how and when to use them

Sharing my experience as a technical leader and product manager.

Leetcode you like it or not, is used a lot these days, its a tool to help us become better programmers and we need to know how to answer their questions

Today we will check some of the common questions and answers about SQL that are done on interviews

Today we will learn about SQL in a beginner friendly way

Adding validations to the CRUD we did in the previous article

Checking out Nest JS as it was required in a project

This article we will go through learning how to manipulate files in Python

This article we will go through learning how to handle dates in Python

This article we will go through learning the conditional (if/while) statements and loops in Python

This article we will go through learning errors in Python. The pattern will be similar to other languages, but Python has ~30 types of errors, so we will take a dive at the most commonly used

This article we will go through learning the input and converters in Python. Simple concepts overall, but we will focus on where to use them and give some real world examples

This article we will go through learning functions in Python. Here we will focus on the important parts and what is unique for functions here

This article we will go through learning the operators in Python. Some will be obvious but others will be quite unique for Python

This article we will go through learning the datatypes of Python

This article we will go through about Python, learning how to create a class

Here's a comprehensive roadmap to transition from a Senior Frontend Engineer to a data or machine learning role. This roadmap outlines the steps to take, the skills to acquire, and the timeline for achieving each goal.

In this article we will learn together about design patterns

In this article we will learn how to develop reuseable components in React using generics

In this article we will learn how to do implement a feature flags functionality to allow/disallow users from watching certain features in an elegant way

In this article we will learn how to do a fullstack authentication for any application you wish. Its fundamental to know how to perform auth in a fast way and have all the concepts known by the developer

In this article we will learn what is Zod and React Hook Form, why its the proper way to handle forms and use some real life examples

We're gonna analyze the evolution of how to do API requests and why they have changed so much over time

We're gonna give a summary of React Conference by Ryan Florence about React Router V7 and how it implements SSR, SSG and CSR all in one!

We're gonna give a summary of React Conference by Aurora Walberg Scharff about how to enhance your forms using React Server Actions in NextJS!

We're gonna start a fullstack dashboard, we're gonna be building the application doing the backend and frontend. Today we will start with the login with react-hook-forms, zod and shadcn.

This post is for how to create a backend application using Bun, Hono, SQLite and DrizzleORM. A different take on the usual Node/Express projects

Let us talk Object Oriented Programming in Javascript and define our roadmap to learn

Let us talk Object Oriented Programming in Javascript and define our roadmap to learn

Let us talk about Microservices Architecture, its a common technique by developers to work efficiently in different projects requiring common files

Let us talk about Error Handling which we will need to handle for every async operation and monitoring our app

Let us talk about streaming and buffer which are fundamental concepts for handling data that arrives or is generated in chunks over time

Let us talk about logging. In Node.js, logging refers to the practice of recording information about your application's execution during development, testing, and production

Let us talk about .Middleware and Custom Modules

Let us talk about RESTful API Design, its principles, concepts and applications in projects

Let us talk about how to deploy node js applications

Let us talk about Performance Optimization of our node js applications

Let us talk about real time applications, we typically associate it with web sockets, but there are more tools we can use for this commonly requested feature

Let us talk about how to document our API endpoints for others to know how the data is structured

Let us talk about testing in general, debugging and load test!

Let us talk about security in Node, middlewares, input validation, sanitization, secure headers and CORS!

Let us talk about the most famous Node framework, express js, why its so popular and what problems does it solve

We're go over how to work with databases in Node JS from a superficial but conceptual level

Let us talk about the most famous Node framework, express js, why its so popular and what problems does it solve

Let us talk about Asynchronous Programming! This is gonna be a key post to understand how to properly use it in our every day life

Let us talk about Node Modules, what they are, why are they present in every project and how you can use it for your advantage

Let us talk about Node JS core modules like File System, HTTP modules, Event Emitter, Utilities, URL and Path.

Let us talk about Node JS core concepts like Event Loop, Callbacks, Asyncronous Programming, Streams and Buffers

Let us talk about Node Modules and how it works

Let us setup Node in your computer

Let us learn what is Node JS

We are gonna explore how to learn Node JS from scratch.

In the previous post we checked how to use TypeORM, Node, GraphQL with PostgreSQL, this time we will add Apollo Server into the mix to produce a robust service for the Frontend to consume.

In the previous post we checked how to use TypeORM, Node, GraphQL with PostgreSQL, this time we will add Apollo Server into the mix to produce a robust service for the Frontend to consume.

This post is a bit more personal, in my job we're using TypeOrm and I would like to learn more about it, so I decided to start learning it! We use it with GraphQL but for now I will make this post using REST.

We have taken a look at the logic in our past posts, now I want to focus more on the UI part of the applications and making them both pretty and performant. Today we will check some very popular UI libraries like Chakra UI, Radix UI, Headless UI, Mantine, Daisy UI and Prime React.

We have taken a look at the logic in our past posts, now I want to focus more on the UI part of the applications and making them both pretty and performant. Today we will check some very popular UI libraries like Chakra UI, Radix UI, Headless UI, Mantine, Daisy UI and Prime React.

TIn our posts about application optimizations we talked a lot about SSR. Lately we have been focusing on CSR with create-react-app, today we will learn how to use NextJS properly and set it up from the beginning creating a base to setup future projects.

We will check how to properly structure a project using the most modern guidelines available for us.

This project is done by using React (CSR), Material UI for the styling, Commerce JS for the API that enables the functionality, TypeScript because its a must for every project and Stripe for the payments! This is part 1 where we build everything from scratch.

This project is done by using React (CSR), Material UI for the styling, Commerce JS for the API that enables the functionality, TypeScript because its a must for every project and Stripe for the payments! This is part 2 where we test and add the payment features using Stripe.

TypeScript is a strict syntactical superset of JavaScript and adds optional static typing to the language. TypeScript is designed for the development of large applications and transcompiles to JavaScript.

We’ve already checked out MongoDB, now it’s time for one of the most popular database out there which is PostgreSQL, which is a free and open source relational database management system.

In this post we will handle the client side of the application with React, Redux and Bootstrap.

In these series of posts we will learn how to build a social network from scratch, we can login using JSON web token, create a user profile, edit it, delete it, post comments in a feed, delete your comments, you can comment other people comments. This will provide for a complete experience of the stack.

GraphQL has different libraries that enhances the experience of the developer and helps us produce code easier. In the case of React we have Apollo has a our connection with the server that uses Prisma.

GraphQL has different libraries that enhances the experience of the developer and helps us produce code easier. We can add Prisma as an ORM that enhances our connection with the client by adding resolvers to the queries.

GraphQL is a new API standard to provide an alternative to REST, it has been gaining popularity along the community and this series is meant to learn what makes it so good over REST.

Forms are seen in pretty much every application and handling them in the correct way is a must, considering that excess code can lead to unneeded complexity and bundle size.

We will start learning how to test our applications with Cypress, this is a end-to-end testing framework for web test automation. We use this to test the application as a whole, instead of isolated components (cypress can do it, but RTL is better for unit testing), which is done using unit testing and integration testing when you want to make multiple components and layers work together

Let's learn how to optimize our performance for long lists. The idea is to render only the visible rows, let's check how to do this in detail.

Let's learn how to optimize our performance, last post we learned about rendering and the different patterns applied, the importance of SSR and hydration.

Let's learn how to optimize our performance for long lists. The idea is to render only the visible rows, let's check how to do this in detail.

We will check the concept of rendering, it's something that's critical for web development and it's handled using different patterns like Client-Side rendering, Static rendering, Hydration, Progressive rendering and Server-Side rendering.

In Frontend fetching data from an API provided by a public one or from a server, is one of the most common things to do, let's check the methods we're using in 2023!

This will be a series called 'Programming Patterns' where we will check some very useful ways of handling the code.

This is the second part of our blog project using the Remix Framework! Let's focus on adding authentication and authorization to our app.

RTK Query is an advanced API interaction tool inspired by similar tools like React Query. But unlike React Query, RTK Query offers full integration with framework-agnostic Redux.

React Query is often described as the missing data-fetching library for React, but in more technical terms, it makes fetching, caching, synchronizing and updating server state in your React applications a breeze.

Remix is a full stack web framework that lets you focus on the user interface and work back through web standards to deliver a fast, slick, and resilient user experience.

React Table is one of the best libraries out there to handle tables, its updated quite frequently and the developers behind it are very eager to listen to the community, lets check it out!

redux-toolkit is a SOPE (Simple, Opinionated, Powerful, Effective) library. It allows us to write more efficient code, speed up the development process, and automatically apply the best-recommended practices.

Let's learn how to properly set your routes with React Router!

redux-saga is a library that aims to make application side effects easier to manage, more efficient to execute, easy to test, and better at handling failures. This is outdated, wrote it to show how it's used to do, as of November 2023 Redux Toolkit is the way of using Redux.

Redux Thunk middleware allows you to write action creators that return a function instead of an action. This is outdated, wrote it to show how it's used to do

useReducer is a React Hook that allows us to handle state through a pattern similar to Redux. Lets learn how to use it!

The most popular state management available for the React ecosystem! Let's understand how it works

Let's explore the concept of Context, both the API and the hook are one of the most misunderstood concepts, we will learn how to use it effectively! useContext is a great tool to share data between components.

In this post we will learn how to optimize the performance of our applications using useMemo and useCallback!

On this post we will learn how and WHEN to use useRef, its a very helpful hook to use in specific occasions that allows us to persist values through renders or access DOM properties

In this post we will learn about React Lifecycle Methods and the hook useEffect, learning from cleanup functions to examples on how to use this hook!

Lets learn more about React State and its popular useState Hook! We will learn to control the internal behavior of a component.

Taking a dive into the world of React! We're going to build our first component learning about how this library works on the inside.

This post is to explain what is React