跳到主要内容
Md Moniruzzaman 作品集背景图

我的作品

端到端构建的平台:产品界面、背后的架构、运行其上的基础设施。每个条目都带有自己的案例研究。

探索我的专业领域

工作按载体分组:平台、移动端、基础设施、工具。每一组背后是同一种纪律:先架构,再构建,最后上生产。

AI 系统

MCP 服务器把真实平台开放给 AI 助手,Agent 流水线在人工审批关卡之后完成真正的编辑工作,还有让这一切在生产环境持续运转的基础设施。它们作为系统构建,经过认证、限定范围并被审计,从来不是演示品。

Webanion brand logo
AI Engineering cover
AI 工程
5 个月
Webanion brand logo

AI 工程:智能体、MCP 服务器与持久化 AI 工作流

围绕模型构建的平台,让 AI 功能从演示走向生产:能够规划、执行和验证的智能体,以及架设在企业自有系统之上的 MCP 服务器。围绕它们的是跨模型服务商的路由、面向长任务的持久化工作流、按客户隔离的记忆,以及让每一次写操作都有人把关的防护机制。本站背后正在运行的 MCP 服务器就是现成的例子,同样的工程也曾运行在一个服务一千多个租户、以智能体为核心的 AI 工作流平台上。整套系统运行在自托管的基础设施上,因此没有任何数据离开本地。

Md Moniruzzaman Image

Md Moniruzzaman

移动应用

基于 React Native 与 Expo 构建的 iOS 和 Android 应用,作为其背后平台的一个组成部分:与网站共用同一套后端、认证和数据模型,并以同一节奏在应用商店发布。这里的作品包括面向英国小巴与大巴运营商的预订平台和工作共享网络,历时十八个月交付的旅行者求助应用,面向学生的生活技能应用,本地体育应用,一款经销商开票工具,以及一个粉丝平台。

fully booked brand logo
Fully Booked Booking Software
应用开发
2 年 3 个月
fully booked brand logo

Fully Booked:一体化智能预订解决方案

Fully Booked 是一个面向英国小巴和大巴租赁的预订平台,也是其背后运营商的业务共享网络。客户只需在客户网站上描述一次行程,就能收到能够承接的运营商按评价和车辆照片排序的报价,并以一笔受保护的小额定金完成预订。接不了单的运营商可以在应用中推荐客户,当网络中的另一家公司承接时即可获得分成。围绕这一循环的还有报价单、取消通知、Get Covered、合作伙伴联系人、已保存的预订、钱包、业务主页和 Prebooked 小部件,全部运行在同一个后端之上,并由一个管理控制中心统一管理。

Md Moniruzzaman Image

Md Moniruzzaman

6月 24, 2025

+1
Dominic Dormer
Carriage Logo
Carriage cover
应用开发
1 年 7 个月
Upwork brand logo

Carriage:历时 18 个月交付的旅行者互助应用

在一个语言不通的地方落地,帮助就在四周,却无从触及。Carriage 让它触手可及:打开你的定位点,就能看到附近与你语言相通、愿意提供帮助的人;向其中一位发出邀约,对方接受后,你们就可以发消息、通话或当面见面。项目由一名开发者独立完成,涵盖 React Native 应用和 NestJS GraphQL 后端,从一个空白的导航框架开始,逐个里程碑交付,依次实现社交登录、个人资料、按范围发现、邀约流程和即时消息。在同一份持续合约下,一年半内共有十一个里程碑通过验收,最终收尾于 1.8.0 版本。

Md Moniruzzaman Image

Md Moniruzzaman

6月 30, 2024

Dominique Kimbrough
27 Pearls App Logo
27 Pearls App Screenshot Merged
应用开发
5 个月
Upwork brand logo

27 Pearls:生活技能与大学智慧应用

一款应用,把《27 Pearls of College Wisdom》一书变成学生每周完成的目标,每完成十个,就能获得一个自己选择的奖励。大学生活的每个阶段,从入学到教授、课程直至离校,都变成一份简短的具体目标清单,完成后学生一滑即可划掉。基于 React Native 和 Expo,后端采用 NestJS、GraphQL 和 MongoDB,在 2022 年至 2025 年间与同一位创始人历经四份合同完成。

Md Moniruzzaman Image

Md Moniruzzaman

4月 27, 2023

Dr. Kris Valenza
Sportpal Logo
Sportpal Mobile App
应用开发
3 个月
Upwork brand logo

SportPal:与本地运动爱好者连接并一起运动

SportPal 让球员看到今晚附近正在进行的球局,并帮助组织者凑齐人数,六周内作为完整产品上线。球员可以以访客身份浏览,想加入时才验证手机号,并报名公开球局或接受私人球局的邀请;组织者决定谁可以加入、需要多少名球员。基于 React Native 和 Expo,支持 iPhone 和 Android,后端采用 NestJS、GraphQL 和 MongoDB,并通过 Twilio 验证。

Md Moniruzzaman Image

Md Moniruzzaman

10月 08, 2022

Default avatar
Invoice Manager App Logo
Invoice Manager App
应用开发
3 个月
Upwork brand logo

Invoice Manager:分销商的库存与开票应用

一款离线优先的平板应用,让分销商的销售代表在零售商柜台前接单、查看库存并打印发票,有没有信号都一样。下单时即时校验库存,每张发票按顺序取得下一个编号并在同步后保持不变,销售代表离开前就能通过 Bluetooth 打印 PDF,还有一个筛选器显示哪些店铺仍有欠款。它在外勤现场处理过真实的库存,打印过真实的发票。

Md Moniruzzaman Image

Md Moniruzzaman

7月 21, 2022

Amr Mashrah
Coverfanz Logo
Coverfanz social app
应用开发
2 个月
Upwork brand logo

CoverFanz:粉丝互动与艺术家预订平台

CoverFanz 把表演者、演出场所和粉丝汇聚到一个应用中:场所按书面条款预订表演者,粉丝在地图上找到下一场演出。一次预订包含活动、时间和费用,表演者在上线前附上自己的条款,已确认的活动可以附带推广,评价则逐步累积成每位表演者的履历。后端、iPhone 和 Android 应用以及管理后台于 2022 年在一个月内上线,两大应用商店都在首次提交时批准。

Md Moniruzzaman Image

Md Moniruzzaman

4月 29, 2022

Amr Mashrah

桌面应用

基于 Electron 与 React 的桌面软件,服务于留在本机上的工作:支持离线运行,打包适配 Windows、macOS 和 Linux,并在有平台时像其他客户端一样接入平台后端。本栏目的示例是 Keyboard Tracker,一款自带报告生成器的员工活动追踪工具。

Termi mark
Termi on Linux, and its product site
应用开发
2 个月
Webanion brand logo

Termi:面向 macOS 和 Linux 的开源终端应用

一款面向 macOS 和 Linux 的开源终端应用,由 Webanion 以 MIT 许可证发布:保存的命令可在一个标签页里并排打开最多四个终端,采用 Termi 记住的布局,并能随应用一起启动;还有拆分、重新打开、命令面板、快捷键表、内置指南,以及侧边栏里的 CPU、内存和网络数据。Electron、React、TypeScript、xterm.js 和 node-pty,用 electron-vite 构建,用 Vitest 测试,并带有一个 MCP 服务器,让助手可以管理保存的命令。源码见 github.com/webanion/termi。

Md Moniruzzaman Image
Jawad Ahbab Turna

Md Moniruzzaman, Jawad Ahbab

Open Source Community mark
Keyboard Tracker Logo
Keyboard Tracker Software
应用开发
3 个月
Webanion brand logo

Keyboard Tracker:桌面活动图表与报告

一款适用于 Linux、Windows 和 macOS 的安静桌面应用,统计键盘和鼠标的使用情况,绘制成图表并导出报告,用五周时间为 Ja Turna 打造。它只统计按键次数而不记录任何人输入的内容,可以查看一天到全部历史的图表,面对数月的数据也依然流畅,任何表格都能下载为经理可以分享的 PDF,还能把全部历史备份到一个文件,以便迁移到新电脑。Electron、React、TypeScript 和 Redux,同一套代码库。

Md Moniruzzaman Image

Md Moniruzzaman

9月 07, 2021

Jawad Ahbab Turna

网站

基于无头 CMS、使用 React 与 Next.js 构建的 Web 平台及其前台网站:支撑企业日常运营的管理后台、客户门户、一家合作社的账本与贷款系统,以及加载迅速、便于搜索引擎和 AI 爬虫读取的公开网站。无论规模大小,都采用服务端渲染、多语言本地化,并持续度量。

Al Insaf Logo

Al-Insaf:含总账与贷款的合作社金融平台

一家合作社金融机构此前把社员档案、储蓄、贷款和投资人资本分散在纸质记录与电子表格之间,既无法审计任何一个网点,也无法干净地完成日终结账。我们构建了一套系统把这些全部收拢:社员登记、每日收款、从申请到放款的完整贷款流程、多网点总账、投资人资本,以及一份记录谁做了什么的审计日志。工作人员在每笔收款发生时当场记录,管理者审批贷款并完成日终结账,而权限模型决定每个角色能看到什么、能做什么,而不是简单地把按钮藏起来。本案例研究中展示的一切都运行在预置的演示数据上;真实的社员档案从不出现在作品集材料中。

Md Moniruzzaman Image

Md Moniruzzaman

Md Nuruzzaman
Webanion brand logo
Webanion cover
网站开发
1 年 6 个月
Webanion brand logo

Webanion:带 MCP 服务器的无头 CMS 作品集平台

静态作品集网站既承载不了五种语言的内容,也跟不上背后写作的节奏,于是我们用一个平台取代了它。一套无头 CMS 保存每一份案例研究、文章和记录;一个 Next.js 前端以英语、孟加拉语、西班牙语、印地语和中文呈现它们;一台 MCP 服务器则把同样的内容开放给 AI 助手,让被问及这些工作的智能体去读取源头,而不是根据抓取结果猜测。搜索、媒体管理、审批流程和一个公开的发现层都运行在它之上。证据是递归的:你正在阅读的这个页面,正由本条目所描述的系统提供。

Md Moniruzzaman Image

Md Moniruzzaman

Sukalyan Research Group logo
Sukalyan Research Group website on desktop
网站开发
3 个月
Webanion brand logo

Sukalyan Research Group:一所大学药学实验室的网站

Jahangirnagar University 的 Department of Pharmacy 中 Sukalyan Research Group 的网站,由 Sukalyan Kumar Kundu 教授领导:七个研究方向及其技术和论文,一份按年份归类、可筛选的一百二十四条 Google Scholar 记录的论文列表,首席研究员的简介,按姓名和肖像列出的成员,一面校友去向墙,一个 Lab Life 图库,以及带邮件清单的四条路径加入页面。Next.js 静态导出,React 和 TypeScript,Tailwind CSS,所有内容都在一个查询函数之后,因此迁移到无头 CMS 时其他一切都不必改变。作为单个容器部署在自托管的 Kubernetes 集群上。

Md Moniruzzaman Image

Md Moniruzzaman

9月 30, 2026

Sukalyan Kumar Kundu, PhD
fully booked brand logo
Fully Booked Customer Website
网站开发
2 年 3 个月
fully booked brand logo

Fully Booked:团体出行客户预订网站

Fully Booked 的客户一端。无论是直接访问网站,还是经运营商推荐而来,客户只需填写一张表单,就能收到当地运营商附有评价和车辆照片的报价,在不暴露联系方式的情况下沟通,并以一笔小额定金完成预订,定金在行程成行前一直托管。每位运营商还有一个业务主页,客户可以在那里直接预订,并在下次出行时再次回来。

Md Moniruzzaman Image

Md Moniruzzaman

6月 24, 2025

+1
Default avatar
fully booked brand logo
Fully Booked Admin Panel
网站开发
2 年 3 个月
fully booked brand logo

Fully Booked:预订与运营商管理后台

Fully Booked 网络的控制中心。创始人在新运营商开始报价之前对其进行审核,批准报价模板和车辆照片,管理对话和评价,并追溯每一笔预订、接单、推荐、付款和提现。各项费用、额度和每位运营商的权限都是设置项,后台在手机和电脑上同样好用。

Md Moniruzzaman Image

Md Moniruzzaman

6月 24, 2025

+1
Dominic Dormer
Coverfanz Logo
Coverfanz Admin App
网站开发
2 个月
Upwork brand logo

CoverFanz:表演者市场平台的管理后台

这套管理后台让 CoverFanz 的创始人从上线第一天起,无需求助开发人员就能运营一个表演者市场平台。每一位粉丝、表演者和演出场所都在同一个列表中,附带订阅状态;新场所在地址核实之前一直待在审批队列里;举报会附上原因;表演类型是一份由创始人掌控的列表。它与应用在同一个月内、基于同一套 GraphQL API 构建。

Md Moniruzzaman Image

Md Moniruzzaman

4月 29, 2022

Amr Mashrah
Grace Bangla Language Center Logo
Grace Bangla website
网站开发
2 个月
Webanion brand logo

Grace Bangla:在达卡学习孟加拉语的官方网站

一个定制的 WordPress 网站,多年来一直由 Grace Bangla 语言中心的员工自己运营,这所学校面向居住在达卡的外国人教授孟加拉语。网站体现学校自身的形象,在新来的人第一次打电话之前就讲清课程和教学方法,并让员工自行修改每一个页面、通知和活动。项目以视频教程而非支持合同收尾。

Md Moniruzzaman Image

Md Moniruzzaman

12月 18, 2021

John Baroi
Clearconcept brand logo
Clear Concept Website
网站开发
5 个月
Clearconcept brand logo

Clear Concept:互动科学与健康平台

一个会员身份,畅享孟加拉语的科学、健康与问答:文章、视频、限时测验、问答社区和咨询,都在一个由其自己团队运营的平台上。贡献者使用内置编辑器写作,每回答一个问题都能获得积分;测验的计时由服务器掌控,结果无法作弊;读者可按类别预约营养师咨询。2020 年基于 Node.js、Express 和 MongoDB 打造。

Md Moniruzzaman Image

Md Moniruzzaman

9月 15, 2020

Md Hirok Sheikh

开发运营

让平台持续在线的基础设施与发布工作:从托管云迁移到自托管 Kubernetes 的生产环境迁移,全程无停机记录;部署在 Cloudflare 之后的 Docker 化服务,推送即发布的 CI/CD,以及通过应用商店审核的移动端发布。备份、TLS 与监控是工作本身的一部分,而非额外项。

Webanion brand logo

一套自托管的家庭实验室:支撑整个工作室,每天维护

工作室自己的基础设施,运行在自托管的 Kubernetes 集群上,于 2026 年 2 月规划,此后每天维护:网站、CMS 和 MCP 服务器,以及它负责维护的客户平台,都通过 Cloudflare 隧道提供服务;每个数据库每晚导出并校验;指标和告警规则推送到手机;家门之外有一个宕机监控;还有一个容器镜像仓库和一个 npm 仓库;一个私有控制台把合并、运行、镜像、Pod 和节点汇集在同一个页面上。

Md Moniruzzaman Image

Md Moniruzzaman

Webanion brand logo

托管 CI 成了最慢的一环,于是构建搬回了家

构建和部署从 GitHub 的托管 runner 搬到了家中的一个 runner 池。过去每次运行都从一台全新机器开始,发布还要等排队、等故障恢复;现在由一台构建机在线时承接每个任务,常开服务器上的备用 runner 则由一个看门狗看守,一旦拿不准,它优先保证还能继续发布。镜像进入私有容器镜像仓库,工作室的程序库进入私有 npm 仓库,两者都在自家环境内,每次运行的记录也会归档,留存时间超过 GitHub 的保留期。最慢的部署从八分二十四秒缩短到三分零五秒,CI 也快了三分之一。

Md Moniruzzaman Image

Md Moniruzzaman

9月 24, 2026

Webanion brand logo

一个节点变成了集群,没有任何应用需要改动

第二台可随时关机的机器加入了一个正在运行的单节点集群,没有改动任何应用。常开服务器保存控制平面、每个数据库和卷以及每个服务的第一个副本;构建机在 taint 之后承担构建任务和无状态服务的第二个副本,它休眠时这些副本会等待,而不是退回常开服务器。工作结束时它自行关机,有任务进入队列时再回来;一个控制台展示每个节点、每个工作负载和每段可用时间;常开服务器上的每一项 CPU request 都经过测量,使其预留从可分配量的 84% 降到 56%。

Md Moniruzzaman Image

Md Moniruzzaman

9月 22, 2026

fully booked brand logo

Fully Booked:零停机迁移到自托管 Kubernetes

Fully Booked 此前运行在托管云基础设施上,账单逐月上涨,整套技术栈也无人真正拥有。我们把整个平台迁移到自托管的 Kubernetes 集群,全程没有让用户经历一分钟的停机。切换覆盖 DNS、入口网关、数据库和发布流水线,并分阶段推进:只有当某一层在新集群上得到验证之后,流量才会转移过去。那一周使用这款应用的人都没有察觉发生了什么,而这正是目标所在。每月的账单变成了自有硬件,如今同一个集群还承载着平台每周的版本发布。

Md Moniruzzaman Image

Md Moniruzzaman

6月 23, 2026

+1
Dominic Dormer
fully booked brand logo
Fully Booked Digital Ocean Deployment
DevOps 工程
2 年 3 个月
fully booked brand logo

Fully Booked - Docker 化部署,使用 DigitalOcean 和 Cloudflare

Fully Booked 以五个 Docker 服务的形式上线,部署在 Cloudflare 后面的一台 DigitalOcean droplet 上,让一个很小的团队也能运营一个托管定金的市场平台。一个仓库构建所有镜像,一个 compose 文件和一个 Makefile 把发布简化为 pull、build 和 up,Caddy 代理负责证书和安全头,Playwright 在服务器上渲染每一份报价单和发票的 PDF。由于各服务从一开始就相互独立,后来无需重建就迁移到了自托管的 Kubernetes 集群。

Md Moniruzzaman Image

Md Moniruzzaman

6月 24, 2025

+1
Dominic Dormer
fully booked brand logo
Fully Booked App store and Play Store Deployment
DevOps 工程
2 年 3 个月
fully booked brand logo

Fully Booked:应用商店和 Play 商店部署

Fully Booked 运营商应用已上架 App Store 和 Google Play,并持续通过审核,让英国小巴运营商可以用手机经营自己的业务。商店页面每张截图讲一项好处,把商业价值讲清楚;合规直接内建在产品中,包括应用内删除账户,以及与应用实际收集的数据相符的隐私声明;链接可直接打开应用;发布采用分阶段推出,确保任何一次更新都不会打乱运营商的工作日。

Md Moniruzzaman Image

Md Moniruzzaman

6月 24, 2025

+1
Dominic Dormer
27 Pearls App Logo

27 Pearls:移动发布和商店提交

一款已完成的 27 Pearls 应用,在为期一周的合作中成为 App Store 和 Google Play 上获批的商店页面,没有经历任何一轮拒审。这一周包括发布构建与签名、围绕学生收益撰写的商店文案、覆盖每种必需设备尺寸的截图、与应用实际收集的数据相符的隐私声明,以及一个可用的审核账号。这款应用至今仍在 Google Play 上。

Md Moniruzzaman Image

Md Moniruzzaman

5月 05, 2023

Dr. Kris Valenza

插件/组件

可嵌入的组件,把平台带到别人的网站上。借助 Prebooked 小部件,小巴或大巴运营商可以在自己的网站上直接提供预订,由背后的 Fully Booked 平台支撑,客户无需离开页面即可完成预订。安装轻便,并与它所扩展的产品保持同样的标准。

fully booked brand logo
Fully booked Prebooked Widget
附加服务
3 个月
fully booked brand logo

Fully Booked:无缝预订预置小部件

Prebooked 是一个发布在 npm 上的可嵌入预订小部件,能把 Fully Booked 的询价表单、消息功能和报价流程放进任何运营商网站,从 WordPress 和 Elementor 到 React 和纯 HTML 都适用。询价会作为直接客户进入运营商的应用,只有在行程被预订时才收取一笔小额费用。

Md Moniruzzaman Image

Md Moniruzzaman

6月 24, 2025

+1
Default avatar

其他的

平台周边那些既不是应用也不是网站的部分:gm-libs,用于认证、数据、界面和后台任务的可复用 TypeScript 软件包,Webanion 的每个前端和后端都以它们为起点;以及一个产品的设计历程,从交互式 Figma 原型及其 UI/UX,到把它推向市场的视觉素材和教程视频。

Webanion brand logo
gm-libs packages in the homelab console
附加服务
5 个月
Webanion brand logo

gm-libs:每个 Webanion 前端与后端起步所依托的软件包

一个带版本、与框架无关的软件包家族,Webanion 的每个前端和后端都以它为起点,服务端有一层 NestJS,客户端有 React、Vue 和 Expo 绑定:支持通行密钥和单点登录的身份认证、功能开关、审计日志、多租户数据、加密、文件、文档、消息、实时与离线、webhook、worker 和一套 UI 组件库。每个包都有自己的私有仓库和独立发布,从工作室的私有 npm registry 安装,工作室的控制台会显示哪个消费方在哪个版本上落后。

Md Moniruzzaman Image

Md Moniruzzaman

fully booked brand logo
Fully Booked Video Editing
附加服务
2 年 3 个月
fully booked brand logo

Fully Booked:推广和教程视频制作

一支推广视频,按照英国小巴运营商最关心的顺序,带他们了解 Fully Booked 的好处,用的是真实应用而不是素材库画面。视频从运营商自己的问题开篇,每项好处都在真实界面上占一个节拍,并剪成多种时长,从社交信息流上几秒钟的开场钩子,到用于落地页和应用商店页面的完整版本。

Md Moniruzzaman Image

Md Moniruzzaman

6月 24, 2025

+1
Dominic Dormer
fully booked brand logo
Fully Booked Photoshop Design
附加服务
2 年 3 个月
fully booked brand logo

Fully Booked:使用 Photoshop 的视觉资产设计

商店截图、宣传图、应用图标和邮件插画,都在 Photoshop 中用真实界面制作,让一个年轻的平台在运营商眼中显得成熟可靠。截图在 Apple 和 Google 要求的每种尺寸下用五次滑动讲完整个卖点,每封邮件都以一幅品牌配色的专属插画开头,图标和启动画面上是两只手相握的标志。

Md Moniruzzaman Image

Md Moniruzzaman

6月 24, 2025

+1
Dominic Dormer
fully booked brand logo
Fully Booked UI UX Design
附加服务
2 年 3 个月
fully booked brand logo

Fully Booked:移动应用和管理面板的 UI/UX 设计

Fully Booked 的每一个界面都始于一张草图,在为任何代码付费之前就由创始人批准,每一个界面都在回答运营商或客户的某个问题。运营商首页变成了一份收入菜单,Get Covered 保留了手绘流程的顺序,报价单和取消信来自创始人自己的措辞,管理后台则从五个线框标签页成长为整个网络的控制室。MVP 的界面由 Webanion 的另一位设计师设计;第 2、3、4 阶段由我本人以这些流程为基础在 Figma 中重新设计。

Md Moniruzzaman Image

Md Moniruzzaman

6月 24, 2025

+1
Dominic Dormer
fully booked brand logo
Fully Booked Figma Design
附加服务
2 年 3 个月
fully booked brand logo

Fully Booked - Web 和移动端的交互式 Figma 原型

Fully Booked 的每个阶段都被连成一个可点击的 Figma 原型,让创始人在为开发付费之前就能试用、质疑并批准。应用、客户网站和管理后台三个文件共用一套样式和组件,运营商发出的文档也连同发送它们的那一次点击一起做成原型。开发人员依据完成的画面而不是猜测来构建,每个阶段都控制在范围之内。MVP 由 Webanion 的另一位设计师设计;第 2、3、4 阶段的重新设计由我本人完成。

Md Moniruzzaman Image

Md Moniruzzaman

6月 24, 2025

+1
Dominic Dormer
fully booked brand logo
Fully Booked Canva Design
附加服务
2 年 3 个月
fully booked brand logo

Fully Booked:使用 Canva 的营销和推广设计

六则广告,每则向英国小巴和大巴运营商推销 Fully Booked 的一项好处,用真实的应用界面在 Canva 中制作。把询价转化为预订、运营商自己网站上的预订中心、几秒钟出报价、所有预订集中一处、由可信赖的合作伙伴接单,以及只按预订付费:每则广告一个承诺,统一的视觉风格,再加上一套组件,让下一则广告几分钟就能完成。同一套视觉素材后来也成为推广视频的基础。

Md Moniruzzaman Image

Md Moniruzzaman

6月 20, 2025

+1
Dominic Dormer
Read the Md Moniruzzaman blog

博客是来自生产一线的笔记:架构决策、经受住真实用户考验的 AI 系统、能自己挣回成本的基础设施。写于工作之中,而不是隔岸观火。