Things that live near the keyboard

Full-stack engineer and team lead. I build the software businesses run on, from the interface down to the database.

Start a project

Grab one and throw it.Tap one to toss it.

Scroll
  • { } every idea starts as a block.
  • Rubber duck senior debugging partner.
  • </> the markup is the easy part.
  • Z key the most-used key: undo.
  • Croissant layers, done properly.
  • Semicolon optional, until it isn't.
  • Gamepad the best interface is the one you stop noticing.
  • Feature flag ship it dark, switch it on.
  • Light bulb ideas, before the tickets.
  • Spinner under 300ms, if I can help it.
  • Magnifying glass code review.
  • Spectacles for reading the docs. All of them.
  • Capsule small, scoped components.
  • Dice how not to pick a framework.
  • Donut Friday deploys get celebrated, not done.
  • Brick composable, like good components.
  • Coin every API call costs something.
  • Star leave one on the repo.
  • Heart care is a feature.
  • Cherries cherry-picked commits only.
  • Cone work in progress. Mind the build.
  • Ball async, back and forth.
  • @ mentions in review, always kind.
  • # every page has a hierarchy.
  • ? the best word in a standup.

Scanned objects from Poly Haven, CC0.

Tools I ship with

  • React
  • Next.js
  • TypeScript
  • Vue
  • SvelteKit
  • Angular
  • Node.js
  • NestJS
  • PostgreSQL
  • MongoDB
  • JavaScript
  • Sass
  • HTML5
  • Figma

Drag to turn him around.Swipe to turn him around.

About

Hi, I'm ZUBAIR.

A full-stack engineer and team lead who has been shipping production software since 2019.

I lead the frontend team at Atrilect Solutions, where we build SaaS and AI products. Before that I built large-scale web apps at Million Soft Technology in the UAE, and started out turning Figma files into production interfaces at Sourcing Square.

React, Next.js, Angular, Vue and SvelteKit at the front. Node.js and NestJS behind it. Microservices, content systems and low-code platforms underneath. I like the unglamorous parts most: the contract between layers, the performance budget, the code review that saves a week.

Shipping since
2019
Leads
Frontend, Atrilect
Studied
BSc Computer Science

How it's built

The whole stack, layer by layer.

Every product I ship runs through four layers. I work on all of them, so the seams between them are mine too.

01 — Interface

What people touch.

Interfaces that stay quick when the data gets heavy. At Million Soft I cut page-load times by 30% with code splitting and lazy loading, and I still treat speed as part of the design.

Stack | Interface
Components
Motion
Responsive
Performance

React · Next.js · Vue · SvelteKit · Angular

02 — API

Where requests are judged.

The contract between screen and server is where most bugs are born. I write it down first, type it end to end, and keep it boring on purpose.

Stack | API
Contracts
Requests
Types
Auth

Node.js · NestJS · REST · TypeScript

03 — Services

Where the work gets done.

Workflows, content systems and low-code engines: the machinery that turns a request into a quote, a shipment or a published page. Split into services when it earns it, not before.

Stack | Services
Workflows
Queues
Content
Low-code

Microservices · Workflows · CMS · Low-code

04 — Data

What must still be true tomorrow.

Schemas shaped around how the business actually works, so reports add up and records survive the next feature.

Stack | Data
Schemas
Postgres
Documents
Integrity

PostgreSQL · MongoDB

Why the whole stack

Software rarely breaks at the surface. It breaks in the seams: where a button meets an endpoint, where an endpoint meets a table, where one team's assumption meets another's. I work across every layer so the seams are mine too. One person holding the whole shape of a system means fewer handoffs, fewer surprises, and products that keep working long after launch day.

Experience

Seven years of shipping, three teams.

  1. 2024 — now

    Full-stack engineer & team lead

    Atrilect Solutions

    Leading the frontend team: setting the standards, reviewing the code, and shipping SaaS and AI products in React, Next.js and SvelteKit.

  2. 2021

    Senior frontend developer

    Million Soft Technology, UAE

    Large-scale web apps in Vue, React and TypeScript. Brought page-load times down 30% with code splitting and lazy loading.

  3. 2019

    Frontend developer

    Sourcing Square

    Responsive interfaces in Vue and SCSS. Turned Figma prototypes into production UI and wired them to REST APIs alongside the backend team.

How I work

Four rules that hold the layers together.

  1. 01

    Design the seams first.

    The contract between interface, API and database gets written before the code does. Most of the bugs never get a chance.

  2. 02

    Speed is a feature.

    Performance budgets from the first commit, not a rescue sprint at the end.

  3. 03

    Leave it legible.

    Code the next engineer can read without me in the room. Conventions, reviews, and docs that are actually true.

  4. 04

    Ship, then sharpen.

    Real users in production early. Real usage decides what gets polished next.

Contact

Send a request.

Have a product that needs building, or a system that needs untangling? Tell me what it should do. I reply to every message.

New request
What do you need?

Opens your email app with this filled in. Nothing is sent from this page.