链上记忆花园 Logo
链上记忆花园已通过

🌸 青春纪念花园 Memory Garden OnChain每个人都有值得被记住的过去青春不该被遗忘,也不该成为我们前行的羁绊如果你愿意,这里可以留下你的故事✨ 项目愿景那年夏天,操场的晚风吹皱一池星光。傍晚的跑道上,我们把影子拉得很长。教室窗外的梧桐叶,藏着秘密的眼神。青春是一场盛大的花开,每个人心中都有一座花园,种满了那些年的故事。或许是课间十分钟分享的小小梦想,或许是毕业照里扬起的笑脸,或许只是走廊里偶遇的一次目光……青春纪念花园,是一个将这些珍贵记忆永久铭刻在区块链上的去中心化纪念平台。通过区块链技术,让每一段青春故事都成为不可篡改的永恒见证;通过献花的仪式感,让每一次回望都温柔而庄重。🎯 核心理念🌺 献花即铭记每一朵花都代表一段真挚的青春记忆。当你向"青春之莲"献上花朵时,你的故事将被永久记录在区块链的时间长河中,成为无法磨灭的见证。⛓️ 区块链见证永恒传统的纪念方式会随时间褪色,文字会模糊,照片会泛黄。但区块链上的记录是永恒的——你的每一次献花、每一段记忆,都将在分布式网络中永久保存,不可篡改,不会消失。💫 回响奖励机制就像青春总会给予回响一样,当你留下记忆时,智能合约会自动返还一份"回响奖励",这是青春花园对每一位记忆守护者的温柔回馈。🎨 仪式感与情感共鸣精心设计的莲花视觉、飘落的花瓣动画、116条充满诗意的青春文案……每一个细节都在营造庄重而温暖的仪式感,让纪念这件事变得更加真诚动人。🏗️ 技术架构智能合约层 (Solidity)// 核心合约:MemoryGarden.sol contract MemoryGarden { // ✅ 防重入攻击保护 // ✅ 自动回响奖励机制(10%回馈) // ✅ 最小献花门槛(0.0001 ETH) // ✅ 可提现设计(资金不被锁死) // ✅ 所有权转移功能 // ✅ 完整的事件日志记录 }技术亮点:安全性优先:实现了防重入锁(nonReentrant修饰器),确保合约不受重入攻击威胁经济模型设计:采用万分比(BPS)计算回响奖励,精确且公平用户友好:支持小额献花,最低仅需 0.0001 ETH 即可触发奖励资金灵活:owner 可随时提取合约余额,避免资金锁死完整统计:记录全局总献花数、总金额、总奖励,以及每个用户的个人数据事件驱动:完整的事件日志(FlowerSent、Withdraw、Funded等),方便前端监听和展示前端层 (React + Vite)frontend/ ├── src/ │ ├── App.jsx # 主应用组件 │ ├── App.css # 精美样式(莲花、动画、光点) │ ├── config.js # 应用配置(MON币、花朵比例等) │ ├── hooks/ │ │ ├── useWallet.js # 钱包连接逻辑 │ │ └── useContract.js # 智能合约交互 │ ├── constants/ │ │ └── memories.js # 116条青春文案库 │ └── contracts/ │ └── memoryGarden.ts # 合约ABI和地址配置技术栈:React 19.2.0:最新的React特性,提供流畅的用户体验Ethers.js 6.15.0:与以太坊区块链交互的主流库Vite 7.2.4:极速的开发构建工具自定义Hooks:封装了钱包连接(useWallet)和合约调用(useContract)逻辑,代码简洁优雅核心功能实现:💳 钱包集成:支持 MetaMask 等主流钱包一键连接🔄 实时交互:与智能合约实时通信,监听献花事件🎬 动画系统: 飘浮花朵动画(使用CSS动画 + React状态管理)莲花发光效果(多层CSS渐变 + 动画延迟)光点背景(随机生成30个光点,模拟星空效果)📝 文案系统:内置116条精心撰写的青春记忆文案,随机展示,每次献花都有新的诗意表达🌟 核心功能1. 连接钱包用户通过 MetaMask 等钱包连接到应用,获得自己的区块链身份。2. 选择献花数量输入 MON 币数量(0.001 - 0.01 MON)自动计算对应的花朵数量(1 MON = 10,000 朵花)实时预览可献花朵数和累计献花数3. 留下记忆系统随机展示一条青春文案(从116条精选内容中抽取)点击"留下记忆"按钮,触发智能合约交易区块链永久记录此次献花行为4. 视觉反馈花朵从屏幕底部飘浮上升,汇聚到莲花周围献花完成后显示"感谢你的故事"提示花朵逐渐堆积在底座平台区域,形成视觉累积效果5. 回响奖励献花金额 ≥ 0.0001 ETH 时,自动获得 10% 回响奖励奖励即时返还到用户钱包所有数据链上可查,公开透明💡 创新亮点技术创新智能合约安全设计:采用 OpenZeppelin 标准的防重入模式,经过严格的安全考量Gas优化:合约代码精简高效,减少用户交易成本事件驱动架构:所有关键操作都触发事件,方便前端监听和数据展示响应式设计:自适应移动端和桌面端,花朵数量和布局动态调整情感设计116条青春文案:每一句都经过精心撰写,涵盖校园生活的方方面面"那年夏天,操场的晚风吹皱一池星光""晚自习的灯光,一直亮到梦开始的位置""毕业的铃声响起,故事却刚刚开始"莲花意象:莲花象征纯洁、永恒,与青春的美好高度契合三层花瓣设计(外层、中层、内层)花蕊中心发光效果底座木质平台,象征厚重与承载视觉诗学:光点背景模拟星空,营造梦幻氛围花朵飘浮动画,带来轻盈的情感体验柔和的色彩搭配(粉色、金色、深蓝)经济模型低门槛参与:最低 0.001 MON 即可献花即时回馈:10% 回响奖励即时到账可持续发展:主办方可充值奖励池,也可提取收益,保证项目长期运营📖 使用指南前置要求Node.js >= 16.0.0MetaMask 或其他 Web3 钱包一定数量的测试网 ETH(用于支付 gas)安装步骤1. 克隆仓库git clone https://github.com/yourusername/memory-garden-onchain.git cd memory-garden-onchain2. 部署智能合约cd contracts npm install # 编译合约 npx hardhat compile # 部署到测试网 npx hardhat run scripts/deploy.js --network sepolia3. 配置前端cd ../frontend npm install # 在 src/contracts/config.js 中更新合约地址4. 启动开发服务器npm run dev访问 http://localhost:5173 即可体验!🎨 设计理念深度解读为什么是莲花?莲花"出淤泥而不染",象征着青春的纯净与坚韧。即使经历风雨,青春的美好永远不会褪色。莲花也代表着重生与永恒——正如我们的记忆,虽埋藏在时间深处,却从未真正消逝。为什么用献花?献花是一种古老而庄重的仪式。在中国文化中,献花代表敬意、纪念和美好祝愿。通过献花这个动作,我们将抽象的"记忆"转化为具象的"仪式",让纪念变得更加真实、更加动人。为什么选择区块链?青春易逝,记忆易忘。传统的纪念方式(日记、照片、社交媒体)都可能因为各种原因消失或被篡改。而区块链的去中心化、不可篡改特性,让每一段记忆都能真正"永恒"——不依赖任何中心化平台,不会因为服务器关闭而消失,不会因为时间流逝而改变。这是技术与情感的完美结合。🌈 青春的意义"青春如花,谁人不青春"这个项目不仅仅是一个技术实验,更是对青春的一次深情致敬。青春不只是一个年龄段,而是一种永不磨灭的精神状态——是勇气、是纯真、是梦想、是不计后果的热爱。在这个快节奏的时代,我们很容易忘记那些美好的瞬间:课桌上的铅笔印记操场上的汗水夕阳下拉长的影子雨后的彩虹深夜的促膝长谈毕业时的拥抱与眼泪青春纪念花园希望提醒每一个人:你的故事值得被铭记你的青春值得被尊重你的过去值得被珍藏不要让美好随风而逝,不要让记忆随时间模糊。来这里,留下你的故事,种下一朵永不凋谢的青春之花。🔮 未来展望计划中的功能记忆墙:展示所有用户的献花记录和文案个人花园:每个用户可以查看自己的历史献花记录NFT 铸造:将特殊的纪念时刻铸造为 NFT社区投票:让社区决定新增哪些青春文案多链支持:部署到更多区块链网络(Polygon、BSC等)AR 体验:通过 AR 技术,让花园"开"在现实世界中技术优化方向引入 Layer2 方案降低 gas 费用实现链下存储方案(IPFS)存储更丰富的内容开发移动端原生应用集成更多钱包(WalletConnect、Coinbase Wallet等)🤝 贡献指南我们欢迎任何形式的贡献!代码贡献:提交 Pull Request 改进代码文案贡献:分享你的青春故事,我们会精选加入文案库设计贡献:提供更美的 UI/UX 设计建议测试反馈:报告 bug 或提出功能建议如何贡献文案?Fork 本仓库在 frontend/src/constants/memories.js 中添加你的文案提交 Pull Request,附上简短说明文案要求:15-25字左右诗意、真挚、触动人心与青春、校园、成长相关📜 开源协议本项目采用 MIT License 开源协议。你可以自由地:✅ 使用本项目代码✅ 修改本项目代码✅ 分发本项目代码✅ 将本项目用于商业用途唯一的要求:保留原作者版权声明。💌 致谢感谢所有曾经拥有青春、正在拥有青春、即将拥有青春的人。感谢那些年一起笑过、哭过、疯过、闹过的伙伴们。感谢那些看似平凡、实则珍贵的每一个瞬间。青春万岁,记忆永存。📬 联系方式GitHub: memory-garden-onchain问题反馈: Issues🌸 留下你的故事,种下一朵永恒的花 🌸Built with ❤️ and blockchain technology

项目截图

截图 1
截图 2
截图 3

创建者:刘非非

创建时间:2025年11月29日

活动详情
Monad Blitz @ 上海

Monad Blitz @ 上海

查看活动详情

活动
calendar2025年11月29日

团队成员

王肇科
沈维胜
刘非非
队长

团队名称: 京城3One