Angular

Introduction Angular 18 introduced a powerful reactivity model with Signals — and combined with the Claude API, it unlocks a new class of AI-first web applications. In this post, we’ll walk through building a reactive AI assistant component from scratch. Why Signals for AI Apps? Traditional Angular apps used RxJS observables for async state. While powerful, they add cognitive overhead when dealing with streaming AI responses. Signals simplify this: // Traditional RxJS approach aiResponse$: Observable<string>; // Signals approach — cleaner, more intuitive aiResponse = signal<string>(''); isLoading = signal<boolean>(false); Setting Up Claude API in Angular Install the HTTP client and set up your environment: ...

The Challenge When we started building FleetIQ at Techvia, we had one rule: ship a working MVP in 30 days without compromising on architecture. Here’s how we did it. Tech Stack Decision After evaluating several options, we settled on: Layer Technology Reason Frontend Angular 18 Team expertise, enterprise-grade Backend .NET Core 8 Performance, Azure native Database PostgreSQL Reliability, JSON support AI Claude API Best-in-class reasoning Cloud Azure Existing infrastructure Auth Azure AD B2C Enterprise SSO ready Architecture: Polyrepo Over Monorepo We chose a polyrepo structure early: ...