Tiny Lahore skyline rendered as scatter dots
ISLAMABAD, PAKISTAN
MANNAN ABDUL
LEAD PRODUCT ENGINEER
I LEAD PRODUCT ENGINEERING AT KITME. THE SIMPLEST WAY TO PUT WHAT I DO: YOU GIVE ME A GOAL AND I GET IT DONE. I LEAD, COORDINATE ACROSS TEAMS, RESEARCH, BUILD POCS, WHATEVER THE GOAL NEEDS, AND I DO IT IN A WAY THAT YOU CAN TRUST THE OUTPUT AND REST EASY.
BEFORE KITME I SPENT FOUR YEARS DEEP IN REACT AND TYPESCRIPT AT INTENSEYE, BUILDING PRODUCT UI AND DATA-HEAVY DASHBOARDS, AND BEFORE THAT BUILT GEOSPATIAL DASHBOARDS WITH VUE.JS AT LAYERMARK.
Tiny pixel workspace rendered as scatter dots
SCROLL
WHERE I GOT THINGS DONE.

SELECTED WORK

MY CURRENT JOB, THE ROLE BEFORE IT, A RESEARCH PROJECT THAT WON BEST PAPER, AND THE ENGINE RENDERING THIS PAGE AS YOU READ IT.
01
CURRENT ROLE

KITME

LEAD PRODUCT ENGINEER
KITME IS MY CURRENT JOB. I AM THE ONLY ACTIVE ENGINEER ON OUR FLUTTER APP, AND ON A TEAM OF FOUR I END UP DOING WHATEVER THE PRODUCT NEEDS, FROM BACKEND AND DEVOPS TO DECIDING WHAT WE SHOULD BUILD IN THE FIRST PLACE.
  • INTRODUCED PROCESSES THAT GOT THE TEAM BACK TO BI-WEEKLY RELEASES, DOWN FROM ONE RELEASE EVERY TWO MONTHS.
  • I COORDINATE ENGINEERS ACROSS TIMEZONES SO BLOCKERS GET CLEARED BEFORE THEY COST ANYONE A DAY.
  • I AM IN THE FEATURE AND PRODUCT SCOPE DISCUSSIONS BEFORE THE WORK BECOMES TICKETS.
FLUTTER
PRODUCT ENGINEERING
BACKEND
DEVOPS
02
PREVIOUS ROLE

INTENSEYE

SENIOR FRONT-END ENGINEER / 2022-2025
THREE AND A HALF YEARS OF REACT AND TYPESCRIPT, WHERE I BECAME THE ENGINEER YOU HAND A PROBLEM TO WHEN NOBODY HAS FIGURED OUT ITS SHAPE YET. THE CLEAREST EXAMPLE WAS A COMPLEX USER-CONFIGURABLE DASHBOARD I TOOK ON DURING A RESOURCE GAP AND DELIVERED ON TIME.
  • BUILT THAT DASHBOARD WITH REACT FLOW, KONVA, AND THE AI SDK, NEGOTIATING SCOPE AND DATA STRUCTURES WITH THE RESEARCH AND BACKEND TEAMS ALONG THE WAY.
  • FOUND DATA-FETCHING BUGS NOBODY HAD TRACED YET, THEN INITIATED AND LED THE REACT QUERY ROLLOUT THAT FIXED THEM.
  • BUILT INTERNAL CLI TOOLING AND SHARED AGENTIC AI WORKFLOWS THAT ENDED UP ADOPTED COMPANY-WIDE.
REACT
TYPESCRIPT
REACT QUERY
ECHARTS
REACT FLOW
KONVA
03
RESEARCH PROJECT

TITHONUS

CO-AUTHOR AND BUILDER / 2021-2023
TITHONUS CAME FROM A SIMPLE OBSERVATION ABOUT CODE REVIEW: A PULL REQUEST CAN GET APPROVED EVEN WHEN THE REVIEWER DID NOT REALLY CATCH WHAT CHANGED. WE BUILT A TOOL THAT USES MUTATION TESTING TO MEASURE WHETHER REVIEWERS ARE ACTUALLY PAYING ATTENTION.
  • INJECTED INTENTIONAL BUGS INTO PULL REQUESTS AND MEASURED WHETHER REVIEWERS CAUGHT THEM.
  • WROTE IT UP AS THE PAPER "TOWARDS BETTER CODE REVIEWS: USING MUTATION TESTING TO IMPROVE REVIEWER ATTENTION."
  • WON THE UX AWARD AT CSFAIR 2022 AND BEST PAPER AT ICSSP 2023.
MUTATION TESTING
CODE REVIEW
GITHUB API
VUE.JS
EXPRESS.JS
04
CREATIVE SYSTEM

SCATTER TEXT ENGINE

CREATOR
EVERY WORD YOU ARE READING ON THIS SITE IS RENDERED BY THIS ENGINE. I WANTED THE PORTFOLIO TO HAVE SOMETHING SPECIFIC TO ME WITHOUT MAKING THE PAGE BUSY OR HARD TO READ, SO I BUILT A DOT-MATRIX TEXT AND IMAGE SYSTEM THAT COULD CARRY THE WHOLE SITE.
  • BUILT AS SEPARATE PACKAGES, WITH THE TEXT ENGINE, IMAGE COMPILER, AND FRAMEWORK BINDINGS KEPT APART SO THE IDEA WORKS BEYOND ONE PAGE.
  • HANDLES THE UNGLAMOROUS PARTS TOO: SEMANTIC FALLBACK, SSR SNAPSHOTS, HYDRATION UTILITIES, AND RENDERER SELECTION.
  • THE HOMEPAGE PORTRAIT IS AN IMAGE ARTIFACT COMPILED BY THE SAME SYSTEM.
ASTRO
REACT
CANVAS
SSR
PACKAGE ARCHITECTURE
TESTIMONIALS (LINKEDIN RECOMMENDATIONS)

PEOPLE WHO HAVE WORKED WITH ME.

HE ALWAYS TOOK THE HARDEST PROJECTS AND DELIVERED. HE IS ALWAYS LOOKING FOR NEW TECHNOLOGIES AND BETTER SOLUTIONS.
OSMAN SAGSOZ
FRONTEND ENGINEER AT INTENSEYE
MANNAN CAN TACKLE COMPLEX TASKS USING A SYSTEMATIC APPROACH, QUICKLY GRASPING SCOPE AND COVERING EDGE CASES THOROUGHLY.
POYRAZ UMUT HATIPOGLU, PHD
ENGINEERING MANAGER AT INTENSEYE
HE HAS THE RARE ABILITY TO TAKE ON COMPLEX FEATURES AND DELIVER THEM FLAWLESSLY FROM START TO FINISH.
OZGE GURLEYEN
SENIOR FRONTEND DEVELOPER AT INTENSEYE
Tiny pixel workspace rendered as scatter dots