MGitlogix
Mereos 监考库
由 AI 驱动的在线监考库，可将安全可靠的远程考试监控嵌入任何 LMS——通过 Twilio、WebRTC (PeerJS) 实现实时音视频，并用 TensorFlow.js (COCO-SSD) 进行物体检测。
JavaScriptTensorFlow.jsTwilioWebRTC
公司项目简短介绍
关于我
SA
Shehzad Asadullah
全栈开发者
教育B.S. SE
我是一名全栈开发者，端到端地构建产品。我使用现代 JavaScript/TypeScript 技术栈以及多种后端技术——从营销站点、复杂仪表盘到浏览器扩展和 npm 包。
我非常重视性能、可访问性以及整洁、可维护的代码——并且热衷于把复杂的流程变成简单、愉悦、人们乐于使用的界面。
我的工作
Web 应用
Chrome 扩展
仪表盘与门户
电子商务
支付集成
可复用库
教育
软件工程学士
Riphah 国际大学
我工作过的地方
工作经历
前端工程师
2025年5月 — 至今Gitlogix · 远程
- 在 Mereos 担任前端工程师——面向高校与企业的 AI 在线监考平台。
- 构建并维护安全考试 Chrome/Chromium 扩展，实现浏览器全面锁定：防止切换标签、失焦、剪贴板与右键，并支持实时监控。
- 使用 TensorFlow.js、COCO-SSD、MediaPipe 和 face-api.js 实现 AI 身份与防作弊检测，并通过 Twilio Video SDK 与 WebRTC 进行实时音视频/屏幕共享。
- 在 React + Redux 中开发招聘方与候选人 LMS 仪表盘——测评创建、实时监考、分析与 PDF/Excel 报表。
- 在扩展与 Web 应用中交付多语言（i18next）体验，并在生产环境使用 Sentry 监控。
ReactReduxChrome 扩展TensorFlow.jsTwilioWebRTCi18next前端工程师
2022年8月 — 2025年5月Harvv Financing · 远程
- 使用 Next.js 构建 Harvv Financing 网站，并通过 Builder.io 驱动 A/B 测试提升互动与转化。
- 优化一键结账 iFrame（React + TypeScript），通过减少冗余 API 调用将响应时间提升 96%。
- 集成 Stripe、PayPal、Plaid、QuickBooks、Sezzle、CardPointe、Uplift、Foree 等 8 种以上支付方式，实现流畅结账。
- 通过精简 API 负载并用 Tailwind CSS 重构 UI，将商户门户页面响应时间降低 92%。
- 为美国合作伙伴交付电商、门户与仪表盘体验。
Next.jsReactTypeScriptLaravel LivewireTailwind CSSBuilder.io前端工程师
2021年11月 — 2022年8月Codeaza Technologies · 现场
- 使用 ReactJS 构建并上线落地页、网站、门户与仪表盘。
- 在 AngularJS 中开发并维护电商店铺，提供响应式、流畅的用户体验。
- 与跨职能团队协作，按时交付高质量项目。
ReactJSAngularJSJavaScriptBootstrap软件工程师（实习）
2019年7月 — 2019年9月Ora-Tech Systems · 现场
- 使用 C# 开发库存管理系统，提升运营效率。
- 使用 PHP、HTML5、CSS3 和 Bootstrap 构建汽车配件电商网站与管理门户。
- 协助调试并优化现有应用。
C#PHPHTML5CSS3Bootstrap
我做过的一些东西
精选项目
安Gitlogix
安全考试 Chrome 扩展
适用于 Chrome/Chromium 的安全考试扩展，在测评期间锁定浏览器——切换标签页与失焦检测、实时监考，以及使用 TensorFlow.js、MediaPipe 和 face-api.js 的 AI 人脸检测。
ReactTensorFlow.jsMediaPipeTwilio
公司项目招Gitlogix
招聘方仪表盘（LMS）
面向招聘方的 LMS 仪表盘，用于创建测评并实时监控 AI 监考的考试，配有分析 (ApexCharts)、聊天 (TalkJS) 以及 PDF/Excel 报表。
ReactReduxApexChartsTalkJS
公司项目候Gitlogix
候选人仪表盘（LMS）
面向考生的 AI 监考考试 LMS 门户——引导式系统预检、摄像头与屏幕录制 (RecordRTC)，以及多语言、可访问的答题流程。
ReactReduxRecordRTCWebRTC
公司项目MGitlogix
Mereos 扩展网站
Mereos 监考扩展的营销与支持网站，使用 React 和 Tailwind CSS 构建，具备完整国际化。
ReactTailwind CSSi18next
公司项目投资者门户
投资管理平台——多步 KYC 入驻、投资者仪表盘（存款、提款、文件），以及管理后台（用户、钱包、方案、利润分配、角色），配有 JWT 认证与令牌刷新。
Next.js 15MUIZustand
查看代码Harvv B2B 入驻
B2B 卖家/买家入驻应用，具有多步验证流程，基于 Next.js 15 与 Redux Toolkit。
Next.js 15Redux ToolkitTailwind CSS
查看代码一键结账
可嵌入的多网关结账 SPA，带 OTP 流程——通过减少冗余 API 调用将响应速度优化了 96%。
ReactTypeScriptMUI
查看代码Tez 一键结账
用 TypeScript 重建的一键结账组件——快速、可嵌入的支付流程，支持已保存卡片和精简、以转化为导向的界面。
TypeScriptReact支付
查看代码QisstPay Mall
动态多商户电商商店，配有客户与管理员门户、订单统计和购买历史。
ReactRedux Toolkit电子商务
查看代码QisstPay Collections
面向 BNPL 平台的催收与回收仪表盘——坐席工作流、还款提醒、案件跟踪与报表。
ReactRedux仪表盘
查看代码B2B 净账期融资
B2B 开票与账期 / BNPL 融资平台，集成 QuickBooks、Plaid 和 Stripe。
LaravelLivewireStripe / Plaid
查看代码Circle 活动与票务
活动与票务平台，含结账流程与数字名片，由 Firebase 和 Stripe 驱动。
Next.jsFirebaseStripe
查看代码商户门户
面向 BNPL / 电商平台的商户仪表盘，经过重构使页面响应速度提升 92%。
ReactMUI仪表盘
查看代码在线学院（LMS）
在线学习平台，包含课程、课时、报名与进度跟踪，由 REST API 支持。
ReactJavaScriptREST API
查看代码Askari Mall
购物中心的电商店面——产品目录、分类以及使用 TypeScript 构建的响应式移动优先界面。
TypeScriptReact电子商务
查看代码DesignPerfecto
设计工作室的营销站点，拥有丰富的动画落地页和精致的响应式布局。
JavaScriptCSS3响应式
查看代码American Logistics
物流公司的企业官网——服务、报价请求以及简洁、响应式的营销体验。
HTML5CSS3JavaScript
查看代码我的技术工具箱
技能与工具
前端
ReactNext.jsAngularTypeScriptJavaScriptRedux ToolkitZustandHTML5CSS3
样式与动效
Tailwind CSSMUIChakra UIshadcn/uiBootstrapSassFramer Motion
后端与数据
Node.jsExpressLaravelFlaskREST APIMySQLFirebase
工具与平台
Git 与 GitHubVercelDockerFigmaJiraPostmanStripe
AI 工具
CursorClaude CodeGitHub CopilotChatGPTOpenAI CodexWindsurfGeminiv0Perplexity
经过生产验证
支付与集成
多年来，我在结账、门户和仪表盘中集成了各种支付网关和金融工具，服务于真实、可创收的产品。
Stripe
PayPal
PPlaid
QuickBooks
SSezzle
CCardPointe
UUplift
FForee
面向真实用户交付的安全、符合 PCI 的集成。
来自实战的笔记
文章与写作
有项目或职位？给我留言。