Case Study

I write a lot about Angular platforms, monorepos, and production frontends. Bio-Dynamics is different: a browser-only educational lab where you rotate a 3D body map, zoom into tissue, and run deterministic probiotic scenarios tied to health articles on omid.dev. It started for three reasons — a human one, a developer-story one, and a career one. This post is the anchor for that project. Deeper technical posts follow in a short series linked at the end. ...

In the software world, the “Ship of Theseus” paradox is a daily reality. We replace parts of a system until, eventually, none of the original code remains. But usually, the industry moves toward the “shiny new thing.” At work, we did something that might sound like heresy to some: we migrated our core legacy React applications to Angular. This wasn’t a decision made out of fanboyism. It was a strategic move driven by the need for governance, stability, and long-term maintainability in a high-stakes FinTech environment. I’ll explain the architectural “why” and the pragmatic “how” of moving against the grain. ...

In today’s rapidly evolving web development landscape, GraphQL has emerged as a powerful alternative to traditional REST APIs. This blog post will guide you through the process of migrating your Express.js backend and Angular frontend from REST to GraphQL, unlocking the benefits of a more flexible and efficient API architecture. Companion resource Companion Project Explore the complete working example on GitHub. github.com/omidfarhang/example-projects/examples/graphql-express-angular-migration View on GitHub 1. Introduction REST (Representational State Transfer) has been the go-to architectural style for building web APIs for many years. However, GraphQL, developed by Facebook, offers several advantages: ...

In today’s complex microservices architectures, understanding the flow of requests and pinpointing performance bottlenecks can be challenging. This is where distributed tracing comes into play, and OpenTelemetry provides a powerful toolkit for implementing it. In this post, we’ll explore how to build a distributed tracing system for Angular applications using OpenTelemetry, with a focus on microservices architecture and performance monitoring. What is a Distributed Tracing System? A distributed tracing system is a method of tracking and analyzing requests as they flow through various services in a distributed system. It provides a holistic view of how a request propagates through different components, helping developers identify bottlenecks, troubleshoot issues, and optimize performance. ...

Creating a real-time collaborative text editor can be a challenging but rewarding project. In this guide, we’ll walk you through the process of building a real-time collaborative editor using Angular, Firebase, and WebRTC. By the end of this tutorial, you’ll have a working understanding of these technologies and how to integrate them to create a seamless, real-time collaborative experience. Companion resource Companion Project Explore the complete working example on GitHub. github.com/omidfarhang/example-projects/examples/angular-collaborative-editor-firebase-webrtc View on GitHub Introduction Real-time collaborative applications are increasingly popular in today’s digital world. They allow multiple users to work on the same document simultaneously, seeing each other’s changes in real time. Google Docs is a prime example of such an application. In this tutorial, we will build a similar application using modern web technologies. ...