STREET FIX：社区资源共享应用，面向非正规定居点

Source: Dev.to

概览

Street Fix 为马拉维布兰太尔的非正式定居点居民而建——如 Mbayani、Chirimba 和 Ndirande 等社区，这些地区居住着超过全市 40% 的人口。这些邻里每天面临诸如公共水点损坏、垃圾收集不规律、对可用设施了解不足以及邻里之间缺乏统一沟通等挑战。Street Fix 通过赋能居民上报问题、共享资源、加强社区联系来弥合这些鸿沟。

功能

• 使用照片和 GPS 坐标记录损坏的水点、卫生问题和垃圾情况。
• 交互式地图展示已上报的问题（按类别/状态颜色区分）、健康诊所和垃圾收集点。
• 社区讨论板，用于分享技巧、提问以及组织活动。
• 公共表彰功能，感谢帮助邻居并庆祝社区精神。
• 用于监控问题、更新状态、添加社区资源以及内容审核的工具。

在线站点 & 代码仓库

• 在线站点：
• GitHub 仓库：

技术栈

• 框架： Next.js 16（App Router）+ React 19 + TypeScript
• 样式： Tailwind CSS + shadcn/ui
• 数据库 & 认证： Supabase（使用行级安全）用于数据库、身份验证和文件存储
• 地图： Leaflet.js + OpenStreetMap 用于交互式地图
• 表单： react-hook-form + Zod 用于表单验证
• 部署： Vercel

关键决策

• 采用服务器优先架构并使用 React Server Components 提升性能。
• 实现渐进增强，使表单在慢速网络下仍能正常使用。
• 通过 RLS 策略和服务器端验证，以设计时即优先考虑安全性。

构建更好的社区，一次修复，一次进步。 🏘️✨