Studio98
Modular Business Dashboard
Led backend architecture with Laravel; built a flexible service layer, RBAC, queues, schedulers, and caching (Redis/File). Integrated React + TS dashboards with ECharts visualizations.
Available for opportunities
Hanan Zahid
|
I build performant web apps and privacy-first tools. 10+ years crafting scalable systems with React/TypeScript, Laravel, RxJS, cloud APIs on AWS, and practical AI: RAG, OpenAI, vector search.
LaravelReact + TSNext.jsReact NativeVueRxJSAWSOpenAIRAGQdrant
10+
Years Exp.
4
Countries
30+
Projects
9
Dev Tools
10+ Yrs Exp
AI-Powered & RAG
Full-Stack Architect
React & Next.js
01 — About me
Who I am & what I build
Senior Full-Stack & AI Engineer
I'm a results-driven Senior Full-Stack Engineer with 10+ years building scalable, secure, and user-focused web apps. I work across the stack with Laravel, React/TypeScript, RxJS, and AWS, designing modular systems, real-time data flows, and clean, maintainable code.
I enjoy shaping service layers, performance tuning, and turning complex requirements into simple, reliable user experiences. Recently, I've been exploring applied AI — building RAG pipelines, LLM integrations, and autonomous agent POCs.
- Backend architecture, API/service layers, RBAC, queues & caching
- Frontend UX in React (TS), data-driven dashboards, ECharts visualizations
- Pragmatic DevOps on AWS (S3/RDS/CloudWatch) & CI/CD pipelines
- Privacy-first browser-only utilities — no server required
Core Stack
Laravel · React · TypeScript · RxJS
Data & Ops
MySQL · Redis · AWS (S3/RDS/CloudWatch)
APIs
Lumen · Zend · Laminas · REST · Queues
Frontend
React + TS · Nuxt/Vue · ECharts
AI/ML
OpenAI · RAG · Embeddings · Qdrant
Experience
PK · MY · KL · International Projects
02 — Technical Skills
My Tech Arsenal
Frontend
React + TypeScript95%
Next.js88%
RxJS85%
React Native80%
Vue / Nuxt82%
Tailwind CSS90%
ECharts78%
Backend
Laravel96%
Lumen / Laminas88%
Node / Express80%
REST APIs95%
Auth / JWT / RBAC90%
Queues & Schedulers88%
Redis Caching85%
Data & Cloud
MySQL / PostgreSQL92%
AWS (EC2/S3/RDS)85%
Firebase80%
CI/CD Pipelines80%
CloudWatch78%
AI / ML
OpenAI / LLM APIs88%
RAG Pipelines85%
Embeddings82%
Qdrant / PGVector78%
Ollama (Local LLMs)75%
LangChain-lite72%
Other
WordPress / Plugins85%
Stripe / IAP82%
Agora Video SDK78%
Playwright75%
GrapeJS Builder72%
Drag to Rotate 3D Model
3D Architecture Explorer
Interactive 3D Systems
Interact with real-time 3D WebGL geometries representing distributed software architecture, AI vector graph systems, and multi-cloud infrastructure.
Continuous 3D Rotation
03 — Key Highlights
Impact & Achievements
20× speed
20× Faster Reporting
Optimized reporting for a payment platform (Laravel + Lumen APIs); reduced reporting page load ≈20× via query tuning, eager loading, and intelligent data shaping.
dCommerce
Multi-Vendor Commerce
Laravel/Lumen e-commerce with vendor page builder (GrapeJS); multi-DB tenancy and MySQL Views to merge data cleanly across vendor stores.
IT Delivery
Appointments @ 15-min Slots
Built Laminas APIs + Nuxt frontend for medical scheduling with credits, availability, and re-assignment rules to significantly reduce patient wait time.
QBE Mercy
AWS 3-Tier Architecture
Shipped hospital systems on AWS with S3, RDS encryption, 2FA auth, CloudWatch logging; implemented REST APIs and admin panels with role-based access.
AI POC
AI Task Automation
Built autonomous LLM-driven DOM agent using Playwright + OpenAI; created SuggestMedicationTask and DietPlanJob pipelines for AI-assisted clinical workflows.
04 — Work History
Professional Experience
Senior Developer
CurrentStudio98Remote
Oct 2023 — Present
- Led backend architecture for a modular business dashboard; Laravel API service layer for complex data transformations.
- Implemented RBAC in Laravel middleware; queued jobs, scheduled tasks, and caching strategies (Redis/File).
- Integrated Laravel APIs with React + TypeScript; built dynamic dashboards and ECharts visualizations.
- Adopted RxJS for React data management and improved delivery/observability across the stack.
Full-Stack Developer
IT DeliveryKuala Lumpur, MY
Jun 2020 — Oct 2023
- Clinical System: practitioners assign/unassign consults; Vue + Firebase for presence/online duration; Zend backend.
- Maintained features & APIs; pathology reports, cron jobs to update DB; report assignment flows.
- Appointment System: APIs with Laminas-API-Tools, frontend with Nuxt; 15-minute slotting to reduce wait time.
- Built availability, consult credits, slot ownership and re-assignment; admin views for consult totals/remaining slots.
- Cerebrum admin: credits, practitioner data, reports with Zend/jQuery/Vue.
- Qoctor: WordPress site for practitioner/patient consult workflows; contributed to custom plugin updates.
Senior Laravel Developer
Tri-e MultimediaKuala Lumpur, MY
Nov 2019 — May 2020
- dPay: payment gateway platform (Laravel admin/frontend + Lumen APIs); improved report load time ~20×.
- GCR: Fast Track redemption flow; roles/permissions; Laravel↔Lumen REST; partial payments with gateway auth.
- Huawei Together 2020: Laravel backend + Lumen APIs for multilingual dynamic pages; location & store data via REST.
- dCommerce: multi-vendor e-commerce with GrapeJS template builder; multi-db tenancy and MySQL Views for merged data.
Web Developer
The WebstersLahore, PK
Dec 2017 — Oct 2019
- Hospital Management System (QBE Mercy): Laravel REST APIs; AWS 3-tier; RDS encryption; 2FA; S3 storage; CloudWatch logs.
- Student Management System: Laravel Auth + api_tokens; REST APIs; exams logic; SQL Server integration.
- POS Management (Shafa Pharmacy): POS frontend; server-side reports; cron-based daily backups; role-based access.
- Grandcentral: builder/hosting/maintenance platform; roles/access; REST integrations; customer support.
- WordPress plugins: web-scraping; anti-bot trap with blacklist/whitelist; email obfuscation via regex.
05 — Portfolio
Featured Projects
01Live
Privacy-First Dev Toolkit
A suite of 9 browser-only tools — CSV⇄JSON, HTML→PDF, JSON Formatter, Image Compressor, Favicon Creator, Regex Tester, Timezone Slots, Unix Time, Code Pad. All processing happens client-side with zero data sent to any server.
ReactTypeScriptMonaco EditorLuxonPapaParsehtml2pdf.js
Open Project02Healthcare
Remedium — Telemedicine
Doctor–patient telemedicine app with Agora video calling, RxJS state management, prescription workflows, and AI text-assist for clinical notes. Real-time presence via Firebase.
React NativeLaravelRxJSAgoraFirebase
03AI-Powered
NutriAI Fitness
Photo-based meal logging using AI vision; generates personalized diet plans and workout schedules. Integrated Stripe & Apple/Google IAP for subscription payments.
React NativeLaravelOpenAIStripeIAP
04Enterprise
POS & Inventory System
Offline-friendly point-of-sale and inventory management app with background sync, role-based access control, real-time stock updates, and comprehensive reporting.
React NativeLaravelMySQLRedis
05POC
AI DOM Agent (POC)
Autonomous agent that interacts with any webpage's DOM via LLM-driven plans. Uses Playwright for browser control and OpenAI for reasoning — a foundation for future browser automation.
Node.jsPlaywrightOpenAITypeScript
06FinTech
dPay Payment Gateway
Full-featured payment gateway platform with merchant admin, reporting dashboards, and partial payment flows. Achieved 20× reporting speed improvement through query optimization.
LaravelLumenMySQLRedisREST
Tools — by Hanan
Developer Toolkit
Privacy-first, browser-only tools. Zero data sent to servers — everything runs locally in your browser.
⇄
CSV ⇄ JSON
Convert between CSV and JSON formats
Open tool
💻
Code & Snippet Pad
Monaco-powered code editor with syntax highlighting
Open tool
📄
HTML → PDF
Convert HTML documents to PDF in browser
Open tool
{ }
JSON Formatter
Pretty-print and validate JSON data
Open tool
🖼
Image Compressor
Compress and resize images client-side
Open tool
⭐
Favicon Creator
Generate favicons from text or image
Open tool
🕐
Timezone Slots
Generate meeting slots across timezones
Open tool
⏱
Unix ⇄ Human Time
Convert Unix timestamps to readable dates
Open tool
.*
Regex Tester
Test and debug regular expressions live
Open tool
06 — Applied AI
AI in Production
Practical AI engineering — not just API calls. From RAG pipelines and vector search to autonomous agents and vision-based AI, I build production systems that deliver real value.
🧠
RAG Pipelines
Built retrieval-augmented generation systems with Qdrant and PGVector for semantic search over large document sets.
🤖
LLM Integrations
Production-grade OpenAI & Deepseek integrations with function calling, streaming, and structured JSON output.
💊
Clinical AI Tasks
SuggestMedicationTask & DietPlanJob — LLM-driven pipelines for medication suggestions and nutrition planning.
🕵️
AI DOM Agent
Playwright + OpenAI agent that autonomously interacts with web pages based on natural language instructions.
📷
Vision AI
Photo-based meal recognition for NutriAI; image classification integrated with diet recommendation engine.
📝
Text Assistance
Context-aware clinical note writing assist for Remedium; reduces practitioner documentation time significantly.
AI Tooling Stack
OpenAI GPT-4DeepseekOllamaLLM FunctionsEmbeddingsVector DBRAGPlaywrightLangChain-litePGVectorQdrantStructured Output
// Example: RAG pipeline
embed(query) → vectorSearch()
→ fetchContext() → llm.complete()
→ streamResponse(client)
07 — Education
Academic Background
🎓
Asia Pacific University
Kuala Lumpur, Malaysia
2013 — 2016
BSc (Hons) Software Engineering
📚
Beaconhouse School System
Lahore, Pakistan
2011 — 2012
A Levels
🏫
Al-Isra International School
Yanbu, Saudi Arabia
2008 — 2010
O Levels
08 — Get In Touch
Let's Work Together
Available for senior full-stack or AI-focused roles and select consulting engagements. Let's build something remarkable.
Reach me directly
I'm open to
- Senior Full-Stack roles (Laravel + React/TS)
- AI & ML Engineering positions
- Technical consulting & architecture review
- Interesting startup projects