s suleman/syed
Capabilities01 Experience02 Projects03 Wins04 Contact05
Currently shipping · Trillo Inc. Islamabad  ·  Remote-friendly
By Suleman Syed Lead Frontend Engineer · 5+ yrs

I build software that survives the next two years.

Software Engineer / Lead, Frontend / Currently shipping at Trillo Inc.

I build software for AI platforms, document intelligence, and deal-lifecycle automation — currently leading frontend for Trillo Inc. via Z-Axiss. Stack is a tool, not a tribe; what travels is the judgment about where to draw the boundary, what to cache, and which abstraction will survive the next two years.

See the work Start a conversation
5+
Years shipping
at scale
5+
Production
platforms shipped
~7×
Dashboard
load-time gain
−34%
Bundle size
reduction
Scroll

I don't lead with frameworks. I lead with outcomes — the thing that actually shipped, the user who didn't have to wait, the engineer who joined on Monday and pushed code on Wednesday. Angular is a tool. So is React. So is the language we'll write in next year. The job is to choose well, build cleanly, and make the software forgiving to the people who maintain it after I'm gone.

01 — Capabilities

Problems I'm known for solving.

Frameworks come and go — what I get hired for is the judgment beneath them. Tap any row to see the tools I reach for.

01

Frontend architecture at scale

Architecture

Choosing the right boundary between component, store, and signal — before the team writes the code that regrets it. Module federation, lazy loading, change-detection budgets, and the NgRx-vs-Signals decision tree that survives a year of feature creep.

Tools I reach for
Angular 18 NgRx Signals Standalone APIs Module federation Nx RxJS TypeScript React (when the team does)
02

Real-time systems that don't blink

Systems

Streaming UIs, live dashboards, and document/agent pipelines that need to feel instant. RxJS backpressure on the way in, virtualization on the way out, and a state machine that recovers when the socket drops.

Tools I reach for
RxJS Firebase RTDB Server-Sent Events WebSockets XState Web Workers Service Workers
03

AI product interfaces people actually use

AI · Streaming

Streaming generation UIs, document intelligence panels, agent control rooms. Latency-hiding patterns, optimistic step previews, diff viewers that handle 5k+ line outputs without dropping a frame.

Tools I reach for
Streaming UIs Monaco editor Diff viewers PDF.js Custom token renderers Anthropic / OpenAI SDKs
04

Performance the user can feel

Perf

Most "slow frontends" are slow data shapes wearing a UI costume. Virtualization, lazy boundaries, request coalescing, and the kind of profiling work that turns a 9-second dashboard into a 1.2-second one.

Tools I reach for
Lighthouse / Web Vitals Chrome DevTools profiler Bundle analyzers Virtual scrolling (CDK) Code splitting Tree-shaken design tokens
05

Data visualization with opinions

Viz

60+ live charts behind a single config layer. Drill-downs that don't leave the page. Skeleton states people don't notice. Theming that survives a rebrand.

Tools I reach for
Apache ECharts Chart.js D3 fundamentals Custom SVG Canvas + Workers
06

Leading teams that ship on Mondays

Leadership

Architecture decisions the team actually agrees with. Code review culture, pairing on the hard PRs, and onboarding-to-first-PR cycles measured in days, not weeks.

Practices I bring
RFC-driven decisions PR review rubrics Pairing & mentorship Cross-functional discovery CI/CD on Cloud Build
02 — Experience

Five years of shipping. Across AI, deal-tech, and analytics.

Current 2020 — Present Z-Axiss SMC Pvt Ltd
For Trillo Inc · San Ramon, CA

Lead Frontend Engineer

Z-Axiss · offshore engineering partner for Trillo Inc
  • Lead the frontend org and own architecture decisions across 5+ production platforms spanning AI app generation, document intelligence, and business-acquisition automation.
  • Drove the team's adoption of Angular 18 Signals and Standalone Components — cutting bundle size on the dashboard shell by ~34% and onboarding-to-first-PR from ~3w → ~6d.
  • Architected real-time UIs over Firebase RTDB + RxJS with backpressure operators — keeping CPU under 10% on operator workstations while sustaining sub-second updates.
  • Built complex integrations end-to-end: Stripe, Twilio, TalkJS, Google Maps with custom clustering, and enterprise SSO flows.
  • Run code reviews, mentor mid-level engineers, and own the RFC process for any decision that affects more than one product surface.
Current 2020 — Present Trillo Inc
San Ramon, CA · Remote via Z-Axiss

Frontend Engineer

Client engagements: Corstet · Media Monks · Energi Bizz · Curve Beam
  • Built and maintained pixel-precise, responsive UIs in Angular for clients across healthcare imaging, supply chain, and digital agencies.
  • Translated Figma into reusable component libraries — most of which are still in production today.
  • Owned frontend integration with backend APIs across multiple tenants and contributed to architectural discussions on shared layouts and state management.
  • Mentored junior developers via structured code reviews — raising the team's overall code quality and consistency.
03 — Selected projects

The work, in outcomes first. Stack on demand.

01 / Trillo AI AI · App Generation

Trillo AI — ideas to apps in minutes.

Plain-English prompts → enterprise apps with auth, schema, APIs, workflows, agents — deployed in one click.

4min
Prompt → deployed prototype
1-click
Cloud deploy or full-stack export
5k+
Lines streaming without dropped frames
0
Backend hires to validate an idea

The hard part wasn't generating the code — it was making the UI feel instant while orchestrating multi-step LLM generation, schema synthesis, and cloud deploy under the hood. Founders without engineering teams were burning quarters of runway just to validate a hypothesis.

I led the frontend architecture: a streaming-first shell where every generation step renders progressively, with optimistic step previews and a full-screen diff viewer that handles five-thousand-line outputs without dropping a frame. State coordinated through a deliberate split — NgRx for the run lifecycle, Signals for everything ephemeral.

The point isn't the framework. The point is that a non-technical founder ships a working prototype before lunch.

Angular 18 Standalone Components Signals NgRx RxJS Server-Sent Events Monaco SCSS tokens GCP Cloud Build
trillo · build session
Build a CRM with auth, deals, and Stripe billing.
✓schema→users · orgs · deals
✓auth→OAuth + RBAC
✓api→REST /v1, OpenAPI
✓workflow→deal → invoice
✓billing→stripe.checkout
✓deploy→gcp · live · 4m 12s
02 / Trillo DOC AI AI · Document Intelligence

Trillo DOC AI — documents that explain themselves.

Drop a contract, an invoice, a 200-page diligence pack. Get structured, searchable, comparable data — instantly.

200pg
Diligence packs parsed in seconds
~92%
Field-extraction accuracy on prod
3×
Faster review vs manual
0
Page reloads in the review flow

Document review is where careers go to die. Legal, ops, and finance teams were burning days on diligence packs — copying values into spreadsheets, missing the one sentence on page 184 that mattered. The product needed to feel less like an OCR tool and more like a second pair of eyes.

I built the frontend as a side-by-side intelligence canvas: original document on the left with token-level highlighting, structured extraction on the right with click-through-to-source on every field. Custom PDF.js renderer harness with virtualized pages so 200-page documents scroll at 60fps. Reactive store keeps highlights, edits, and review state in lockstep across both panes.

The metric I care about: people stopped exporting to Excel. They started reviewing inside the product.

Angular 18 Signals RxJS PDF.js (custom) Virtual scrolling Web Workers NgRx Apache ECharts
doc-ai · diligence-q4.pdf
Page 142 / 218
Extracted · auto-mapped
contract.partyAcme Holdings, LLC
term.length36 months · flagged
renewal.typeauto-renew, 90d notice
indemnity.cap$2.4M · review
jurisdictionDelaware
03 / Emptio AI · Deal Lifecycle

Emptio — one platform, the entire deal lifecycle.

From sourcing to close, AI agents and human operators move the same deal forward — without context loss.

40%
Coordination overhead reduced
6→1
Tools collapsed into one workspace
4
Product surfaces, one design system
1
Source of truth · humans + agents

SMB acquisition is fragmented across spreadsheets, email threads, and dataroom links. Buyers were re-entering the same information into six tools per deal, and the AI layer was useless without a unified context to operate on.

I designed a stage-aware shell with feature stores per deal phase — sourcing, qualify, LOI, diligence, financing, close — wired together by an RxJS-driven activity feed that streams agent events alongside human actions. Built a reusable pipeline visualization layer in custom SVG, used across four product surfaces from a single design system.

The team stopped switching tabs. That's the only metric that matters.

Angular 18 NgRx (feature stores) RxJS Firebase TalkJS Stripe Custom SVG pipelines
1Sourcedone
2Qualifydone
3LOI draftedsigned
4Diligence · agent + humanrunning
5Financingqueued
6Close—
04 — Wins

Numbers I'm proud of. And the ones I'd put on a whiteboard.

5+
Production platforms shipped
From AI app generation to document intelligence — owned frontend delivery from RFC to launch.
~7×
Dashboard load-time gain
P95 went from ~9s to ~1.2s on the analytics suite via lazy boundaries and virtualization.
−34%
Bundle size reduced
Refactored shared shell modules and tree-shook the dependency graph until it stopped flinching.
800ms
Real-time ops latency
Down from ~30s on the legacy portal — felt instant, even on the laptops that shouldn't have made it.
3w→6d
Onboarding to first PR
Cut new-hire ramp by pairing on the hard PRs and writing the docs nobody wanted to write.
A18
Drove Angular 18 adoption
Led the team's move to Signals, Standalone Components, and the new control flow — quietly, deliberately.
05 — Contact

Got a frontend that needs a steady hand?

Lead, principal, or
architect-track —
let's compare notes.

Selectively taking on senior, lead, and architect engagements. Happy to chat about scaling Angular teams, untangling state, or migrating off legacy dashboards.

Email
suleman.syed0070@gmail.com
Phone
+92 342 3230157
Based
Islamabad, Pakistan · Remote-friendly