社会服务赛道 + 築美城市 — AI 赋能城市共建智慧平台

【标题】社会服务赛道 + 築美城市 — AI 赋能城市共建智慧平台

【正文】

1. Demo 简介

  • 是什么: 築美城市是一款面向城市居民的手机 App,让每个普通市民都能参与城市建设——发现身边的问题、提出改善建议、用行动让家园变得更美好。

  • 面向谁: 关注城市环境的普通市民、学生群体、社区志愿者,以及希望听取民意改进城市管理的政府部门。

  • 主要功能:

    • 城市问题上报与改善建议提交: 居民发现路面破损、垃圾堆积、安全隐患等问题后,可以一键拍照上传、填写描述和位置,快速提交给相关部门。系统会自动追踪处理状态(待处理→处理中→已完成)。

    • AI 智能辅助写作: 接入 DeepSeek 大模型 API,帮助用户将口头描述自动润色为条理清晰、重点突出的正式建议文本,降低参与门槛,让每个人都能写出高质量的城市改善提案。

    • 积分排行与荣誉激励体系: 用户通过提交建议、获得点赞、每日打卡等行为积累积分。排行榜分为省市榜、区分榜、学生榜三大维度,前三名获得金银铜电子荣誉证书,用游戏化机制激发持续参与热情。

2. Demo 创作思路

  • 灵感来源: 我是一名小学生,每天上学路上经常看到人行道地砖碎裂、垃圾桶溢出、路灯不亮这些身边的小问题。大人们似乎习以为常,但我一直在想——如果有一个平台,让每个人都能轻松地指出这些问题,并且有人负责跟进解决,那我们的城市一定会变得更好。

  • 想解决的问题: 目前普通市民反映城市问题的渠道分散且门槛高——要么需要拨打热线电话、要么在各个部门之间来回跑,反馈后也往往不知道处理进度。很多人有心提建议,但因为"不知道向谁说""不知道怎么说"而放弃了。築美城市想解决的就是这两个痛点:让反馈渠道触手可及,让表达变得更简单。

  • 为什么做这个方向: 城市建设不是少数人的事,而是每个居民的份内事。我相信 AI 可以降低公众参与的门槛——不会写正式公文?AI 帮你润色。不知道问题属于哪个部门?系统自动分类。通过积分和排行榜,让每一次善意的建议都能被看见和认可。我希望这个 App 能让更多同龄人意识到:我们虽然年纪小,但同样可以为城市建设出一份力。

3. Demo 体验地址

app-demo.html (2.4 MB)

4. 技术实现与开发心得

  • 技术栈: 纯前端实现,HTML + CSS + JavaScript 单文件架构,零后端依赖。UI 采用移动端原生 App 风格设计,支持日间/夜间主题切换。所有视觉素材(图片)通过 Base64 编码内嵌,确保离线可用。

  • AI 集成: 通过 DeepSeek API 实现智能文本润色功能,用户输入 API Key 后即可使用。系统将用户的口语化描述自动转化为结构清晰、措辞规范的正式建议文本。

  • 开发心得: 这是我第一次独立完成一个完整的 App Demo。从最初的功能构思、界面设计到最终实现,全过程中我学到了很多——比如用户体验设计中的"让操作尽可能简单"原则,比如如何用 CSS 渐变和图标代替真实图片来快速搭建原型。遇到最大的困难是帖子图片加载的问题,最终通过 Base64 内嵌方案彻底解决了离线访问的兼容性。这次经历让我深刻体会到:好的产品设计不在于功能有多复杂,而在于是否真正解决了用户的问题。