Available for senior frontend roles & consultingAI-Native

Building scalable, high-performance Angular applications with modern architecture. 4+ years architecting Angular platforms, plus a year shipping production-ready apps with Claude Code, Gemini, and modern vibe-coding workflows.

Pakistanhamidaniel007@gmail.com
Angular 18
RxJS
NgRx
Signals
TypeScript
Next.js
React
Tailwind CSS
Chart.js
Apache ECharts
Firebase
Stripe
Twilio
TalkJS
Google Maps
Claude Code
Gemini
Cursor
Angular 18
RxJS
NgRx
Signals
TypeScript
Next.js
React
Tailwind CSS
Chart.js
Apache ECharts
Firebase
Stripe
Twilio
TalkJS
Google Maps
Claude Code
Gemini
Cursor
01About

Senior frontend engineering, with a focus on impact.

4+ years shipping Angular platforms across healthcare, AI governance, supply chain, climate-tech AI search, logistics, and AI dev tools (Trillo). I lead frontend teams, own architecture end-to-end, and care about the things users actually feel — performance, polish, and reliability.

Ambitious products deserve frontends that don't slow them down.

I partner with founders and product teams to architect, build, and lead Angular and React platforms — turning complex requirements into shipped software that feels fast, scales cleanly, and stays easy to evolve.

Lead-engineer judgment, hands-on execution, and an obsession with the details users actually feel.

Architecture
Module boundaries, state ownership, and reactive data flows that scale past 100k LoC.
Performance
Lazy loading, OnPush, Signals, virtualization — measured wins, not micro-tweaks.
Leadership
Code review culture, mentorship, and decisions that compound across the team.
Craft
Pixel-honest UIs, accessibility, and developer experience as first-class concerns.
By the numbers
0+
Years of Experience
0+
Year AI-Assisted Builds
0+
Production Platforms
0+
Charts Migrated
DomainsHealthcare · AI · Climate · Logistics · Supply Chain · Dev Tools
CurrentlyZ-Axiss SMC Pvt Ltd
Open toRemote · Lead / Staff frontend
02Skills

A toolkit built around shipping production Angular at scale.

Grouped by what they actually do, not by buzzword count. Every item below has been used in production code that real users depend on.

01

Frontend Core

Modern Angular architecture and reactive patterns

Angular 18RxJSNgRxAngular SignalsTypeScriptJavaScript (ES2022+)
02

AI-Assisted Development

Shipping production code at AI speed

Claude CodeGeminiCursorVibe CodingPrompt EngineeringAI Pair Programming
03

UI & Styling

Pixel-perfect, accessible interfaces

HTML5CSS3SCSSAngular MaterialTailwind CSS
04

Data Visualization

Real-time, interactive analytics

Chart.jsApache EChartsD3 fundamentals
05

Integrations

Production-grade third-party services

StripeFirebaseTwilioTalkJSGoogle Maps
06

Architecture & Performance

Engineering decisions that move the needle

Lazy LoadingCode SplittingChange Detection OptimizationMicro-FrontendsReactive Programming
03Experience

Where the work has actually shipped.

Roles measured by what was delivered, what changed, and what the team carried forward.

Jun 2022 — Present

Lead Frontend Engineer

Z-Axiss SMC Pvt LtdOnsite

Owning frontend architecture, mentoring engineers, and delivering enterprise-grade platforms across healthcare, AI governance, supply chain, climate-tech, logistics, and AI dev-tooling domains.

15+
Reports and 60+ interactive graphs migrated from Looker Studio to a fully native Angular stack.
↓ 40%
Initial load time reduction via lazy loading, route-level code splitting, and OnPush change detection.
7+
Production platforms shipped — fleet tracking, healthcare, AI governance, supply chain, climate-tech AI search, and the Trillo backend workbench + file manager.
Lead
Drove architecture decisions, code review culture, and adoption of Angular 18 Signals + Standalone Components.
Angular 18RxJSNgRxSignalsFirebaseStripeTwilioChart.jsECharts
2025 — Present

Full-Stack Engineer

Z-Axiss SMC Pvt LtdOnsite

Shipping production-ready web apps with Claude Code, Gemini, and modern vibe-coding workflows — moving from spec to launch in weeks, not months, without compromising on architecture.

2
Production platforms launched end-to-end: a molecule-hierarchy project management system and a client–concierge service marketplace.
↓ 70%
Time-to-launch versus traditional builds, by pairing AI tooling with strong architectural judgment and review.
AI-Native
Workflows built around Claude Code & Gemini — spec → scaffold → review → ship, with humans owning the architecture decisions.
Quality
Production-ready output: typed end-to-end, accessible, performance-budgeted, and code-reviewed before merge.
Next.jsReactTypeScriptTailwindFirebaseClaude CodeGeminiCursor
04Selected Projects

Case studies, not screenshots.

Each project below is broken down into the problem it solved, the architecture I chose, and the impact it had on the business.

01 · Logistics · USA

Fleet Management System

Real-time tracking platform for a 15+ vehicle fleet with live telemetry, geofencing, alerts, and scheduling.

AngularRxJSFirebase Realtime DBGoogle Maps APITypeScriptSCSS
Problem

The operations team had no centralized way to monitor vehicles in real time. Dispatch ran on phone calls and spreadsheets, route deviations went unnoticed, and incidents were reconstructed after the fact instead of caught live.

Solution

Architected an Angular dashboard backed by Firebase Realtime Database, integrated Google Maps with custom layers for live tracking and heatmaps, and built a rules engine for proactive alerts. Designed an event-driven scheduling module with optimistic updates so dispatchers stay in flow even on flaky networks.

Impact
  • Live visibility across 15+ vehicles with sub-second telemetry updates
  • Heatmaps surfacing route hotspots and dwell-time anomalies
  • Alert pipeline cut incident response time dramatically
  • Scheduling system replaced manual spreadsheets for daily dispatch
02 · AI Search · Climate Tech

AI Document Search Engine

AI-powered document search and retrieval engine for a climate-tech nonprofit — turning a sprawling corpus of policy, program, and incentive documents into instant, semantic answers grounded in source passages.

AI ModelsVector EmbeddingsDocument IndexingRAG PipelineSemantic SearchRetrieval API
Problem

The client's research, policy, and program documents had grown into a large, unstructured corpus. Stakeholders were spending hours hunting through PDFs and pages for specific clauses, rebates, and program details. Keyword search wasn't enough — the same concept gets phrased a dozen different ways across documents and revisions.

Solution

Built the search engine end-to-end behind their existing product UI: document ingestion and chunking, vector embeddings, a semantically indexed retrieval layer, and a clean retrieval API that returned ranked passages with grounded citations to the client app. Tuned chunking and ranking for the specific shape of policy and incentive content so answers stay precise instead of vaguely on-topic.

Impact
  • Hours of manual document hunting compressed into seconds of semantic search
  • Citation-backed answers — every result links straight to its source passage
  • Indexing pipeline ingests a continually growing corpus without manual curation
  • Drop-in API integrated cleanly with the client's existing product surface
03 · Analytics · Enterprise

Data Visualization Platform

Migration of 60+ Looker Studio charts into a fully owned, performant Angular analytics product.

Angular 18SignalsRxJSChart.jsApache EChartsTypeScript
Problem

The business depended on 15+ Looker Studio reports that were slow to load, expensive to license, and impossible to extend. Stakeholders needed deep customization, embeddable views, and tighter integration with internal data — none of which the legacy tooling supported.

Solution

Designed a modular charting layer wrapping Chart.js and Apache ECharts behind a unified Angular API, with lazy-loaded report modules, virtualized lists for large datasets, and OnPush + Signals to keep change detection cheap. Reused configuration primitives to drop new chart types in days instead of weeks.

Impact
  • 60+ charts across 15+ reports migrated with feature parity
  • Significant load-time and interactivity improvements over the legacy stack
  • Eliminated recurring Looker Studio licensing dependency
  • Unified chart API let new report types ship in days, not weeks
04 · AI Platform · Developer Tools

Trillo Backend Workbench

IDE-style backend workbench for Trillo.ai — where developers compose, test, and deploy AI-powered workflows. The same foundation later powered the Trillo File Manager product.

Angular 18SignalsRxJSNgRxTypeScriptVirtualization
Problem

Trillo's customers were context-switching between editors, runtime logs, AI prompt tools, and admin consoles. The product needed a unified workspace that felt as responsive as a desktop IDE — without ballooning bundle size or fighting Angular change detection at scale.

Solution

Architected the workbench around lazy-loaded feature modules, Signals + OnPush for surgical re-renders, and a virtualized log/console layer that holds tens of thousands of entries without dropping frames. Reusable layout primitives let new editor surfaces ship in days. The same architecture was extended into the Trillo File Manager product with minimal duplication.

Impact
  • IDE-style UX — split panes, live logs, AI tooling — without lag at scale
  • New feature surfaces shipped in days, not weeks
  • Core product surface for Trillo's developer customers
  • Architecture reused end-to-end for the Trillo File Manager spin-off
05 · Project Management · AI-Built

Molecule Hierarchy PMS

A complex hierarchical project management platform modeled on molecule-style decomposition, where every node can branch into deeply nested sub-projects.

Next.jsReactTypeScriptTailwindFirebaseClaude Code
Problem

Teams running multi-layered programs were juggling spreadsheets and flat task lists that hid critical relationships. They needed to see how parent goals decomposed into child workstreams — and back — without losing context across hundreds of nodes.

Solution

Built end-to-end with Claude Code as the pair-programming engine: a Next.js + TypeScript app with a virtualized hierarchy renderer, drag-and-drop reorganization, role-based permissions, and real-time collaboration. Architecture was human-driven; AI handled scaffolding, refactors, and accelerated iteration cycles.

Impact
  • Production launch in a fraction of the typical timeline
  • Hundreds of hierarchical nodes rendered smoothly via virtualization
  • Drag-and-drop reorg with optimistic updates and conflict resolution
  • Replaced spreadsheet-driven workflows with a single source of truth
06 · Service Marketplace · AI-Built

Client–Concierge Service Platform

Two-sided service-provider marketplace connecting clients with concierges for on-demand requests, scheduling, real-time chat, and payments.

Next.jsTypeScriptTailwindRealtime DBStripeClaude CodeGemini
Problem

A traditional concierge operation was being run on calls, messaging apps, and manual coordination. They needed a unified product that could onboard providers, route client requests, handle scheduling, and capture payments — without years of build time.

Solution

Designed and shipped with a Claude Code + Gemini workflow: role-based dashboards for clients and concierges, a request lifecycle engine, real-time chat, calendar-aware scheduling, and integrated payments. AI accelerated build-out; architecture decisions stayed with the engineer.

Impact
  • End-to-end production launch on a compressed timeline
  • Unified client + provider experience replaced fragmented tooling
  • Real-time messaging and scheduling baked in from day one
  • Payments and request lifecycle wired in cleanly for scale
05Achievements

Compounded wins, not vanity metrics.

What I've built, modernized, and led — measured by what stayed true after the launch.

Delivered 9+ production platforms

Across healthcare, AI governance, supply chain, fleet & logistics, climate-tech AI search, AI dev tools (Trillo), analytics, project management, and service marketplaces — each running in production with real users.

Led adoption of Angular 18

Drove the team migration to Signals, Standalone Components, and the new control flow — modernizing the codebase.

Measurable performance wins

Reduced load times and runtime latency through lazy loading, code splitting, and change detection tuning.

AI-native engineering

Shipped two production platforms in a fraction of the typical timeline using Claude Code, Gemini, and disciplined vibe-coding workflows.

06Contact

Let's build something fast and well-architected.

Whether you're hiring for a senior frontend role, kicking off a greenfield Angular product, or rescuing a legacy app — I'd love to talk.

Goes straight to my inbox — usually a reply within 24 hours.