一位看护人员背对镜头,跪在游戏垫上一个睡在红色提篮里的婴儿身旁,画面覆盖着网站的深蓝色调。

案例研究 Lar Batista Janell Doyle

马瑙斯的一家儿童之家,账目公开可查。

客户
Lar Batista Janell Doyle
类型
机构平台
角色
产品与全栈开发
年份
2026

Lar Batista Janell Doyle 的机构平台。这是一家自 1996 年起在巴西马瑙斯照护儿童、家庭和处境危险人群的民间组织;平台包括公共网站、信息公开门户,以及支撑它们的管理后台和 API。

慈善机构靠信任和细水长流的支持维系。官方文件、服务项目和捐助方式散落在旧网站各处;留言、捐款和报名不断涌入,却没有一个统一的地方来处理。

把信息公开当作产品的核心,而不是页脚里的一个页面。从机构已经公开的内容出发,保留所有旧链接,并为团队提供一个统一的后台来处理网站收集的一切。

实际构建了什么

  1. 01

    基于 Next.js 的公共网站:机构历史、四项服务(社区共处、街头社会援助、家庭庇护和寄养家庭项目)、PIX 捐款、志愿者、助养人专区和媒体报道。内容从旧网站迁移而来,并通过 301 重定向保证旧网址继续可用。

  2. 02

    由 API 提供数据的信息公开门户:2017 至 2026 年的 190 份官方文件(工作计划、资助协议、预算承诺单、年度资产负债表、活动报告),可按年份和类型浏览。

  3. 03

    基于 NestJS 和 Prisma、运行在 PostgreSQL 上的 API,数据模型共 41 个:JWT 访问令牌与刷新令牌、角色与权限、数据校验、请求限流、表单同意记录,以及 Swagger 文档。

  4. 04

    管理后台可回复留言、确认捐款、审核志愿者和寄养家庭申请,并编辑页面、服务、合作伙伴、首页数据、视频和团队信息;公共网站还提供 VLibras(巴西手语)组件、减弱动态效果支持和站点地图。

技术

  • Next.js
  • TypeScript
  • React
  • Tailwind CSS
  • NestJS
  • Prisma
  • PostgreSQL
  • Express
  • Vite
  • Vercel

平台已可端到端运行;Vercel 上的生产部署尚待完成环境配置。向更轻量的 React(Vite)与 Express 技术栈的迁移正在进行中。

下一个项目Candidate SearchPersonal project · 公民数据工具