滁职心愿墙
ReactNode.jsExpress
一个匿名心愿分享平台,让同学们在保护隐私的同时,表达心愿、传递温暖。
项目背景
观察发现,很多同学有想说的话却缺少表达渠道。受线下"心愿墙"启发,开发了线上版本——支持匿名发布、点赞互动,让每一条心愿都能被看见。
功能设计
- 匿名发布:不记录发布者身份,真正保护隐私
- 心愿卡片:每条心愿以卡片形式展示,随机彩色背景
- 点赞互动:为感动你的心愿点赞,支持按热度排序
- 评论回复:在心愿下方留言,送上鼓励和祝福
- 内容审核:敏感词过滤机制,确保社区氛围健康
技术架构
| 层级 | 技术 |
| 前端框架 | React (Create React App) |
| 样式方案 | CSS Modules + 动画过渡 |
| 后端框架 | Node.js + Express |
| 数据存储 | MongoDB |
| API 设计 | RESTful,JWT 认证 |
技术亮点
- React 组件化开发,心愿卡片、评论列表等独立组件复用
- 前端分页加载 + 虚拟滚动优化,上百条心愿流畅浏览
- 心跳动画效果,点赞时卡片有放大缩小的微交互
← 返回项目列表