TriActNow
Sticky Board
一个模拟真实便签墙交互体验的成就记录与激励平台。
🪄 项目背景
许多朋友在日常学习或工作中常常缺乏动力，难以感受到自己的进步。 我希望通过一个简单但具象的方式，让人们能直观地看到自己的成就，从而获得持续的正反馈与满足感。
于是我设计并实现了 StickyBoard —— 一个能像真实便签板一样操作、整理和展示个人便签的 Web 应用。 每一张便签都代表着一个小小的完成记录，让用户在积累中看到自己的成长。
🧩 项目简介
本项目是一个交互式便签网站，支持用户注册登录、创建并管理自己的成就便签。 用户可以在界面上自由摆放便签、调整位置与样式，系统会保存每一张便签的物理位置与层级关系，从而实现几乎与现实便签板一致的体验。
该项目采用前后端分离架构，具备完整的用户系统与数据库支持，并通过 AWS 部署上线，保证性能与稳定性。
⚙️ 核心功能
👤 用户注册 / 登录（支持邮箱验证或普通账号）
🗒️ 便签的创建、删除、修改与移动位置
🎨 支持便签样式自定义（颜色、字体等）
📌 保存便签的坐标与上下遮挡关系
☁️ 云端存储用户数据，支持多设备访问
🔐 安全的登录与身份验证机制
🧠 项目特性
⚙️ 前后端完全分离架构，模块化清晰
💾 PostgreSQL 数据库存储结构化便签与用户数据
🌐 部署于 AWS EC2，使用 Nginx 进行反向代理与域名转发
🧩 响应式设计，完美适配桌面与移动端
✉️ 支持邮箱验证登录，增强安全性与可靠性
🪶 模拟真实便签物理层叠效果，提升沉浸感与视觉反馈
🛠 技术栈
- 前端：Next.js、Tailwind CSS
- 后端：Spring Boot
- 测试：Junit，
- 数据库：PostgreSQL
- 部署：AWS EC2 + Nginx + Route 53（域名解析）
- 身份认证：JWT + 邮箱验证登录
🧪 使用示例
详情参考 Github 中的 README 文件。
📸 项目截图
TriActnow 入口
login UI
HomePage
Create UI
👥 贡献者
- 🎨 设计：个人
- 🎨 全栈开发：个人
📅 时间线
- 2025.06.12 - 概念设计
- 2025.06.13 - MVP
- 2025.06.23 - CI/CD部署
- 2025.06.24 - 添加测试模块
- 2025.07.01 - 添加平板触摸UI支持
- 2025.10.31 - 加强部署阶段安全性
📈 当前状态
- 🔄 2025-10-30 v1.0 进行中