🤠
实现一个类似pinterest的瀑布流布局的本地图片浏览器，vibe coding体验
  • 项目代码
  • 体验地址
React App
Web site created using create-react-app
React App
https://camelliav-gallery.netlify.app/
  • 参考效果
notion image
notion image
  • 主要的功能在github有说明，整个vibe coding的流程，只需要简要的声明需求，不需要任何复杂的prompt，gemini的效果让人印象深刻，每一次功能迭代基本都是完善的，开箱即用，唯一的缺点在于有时候偷懒只给修改的部分，不给完整的代码，需要重复第二次要求完整代码。
  • 第一个prompt，大致描绘需求后，会得到：项目结构+代码内容+文件解释+运行流程
notion image
notion image
  • 参考完整流程，最后一部分功能迭代没有保存成功
aistudio.google.com
https://aistudio.google.com/app/prompts?state=%7B%22ids%22:%5B%221t6BQCK_5Z_NDt-E_-7LKJbDaAPvCGiXA%22%5D,%22action%22:%22open%22,%22userId%22:%22109242167354559435521%22,%22resourceKeys%22:%7B%7D%7D&usp=sharing
  • 后期扩展
    • 删除图片
为了方便在多个设备上通用，给的要求是写web app，但web app是不能对本地文件进行修改的，所以删除功能目前仅是从画廊中移除，而无法做到直接删除图片
  • 子文件夹聚合
原则上这一功能可以通过点选子文件夹或通过搜索筛选（文件名包含文件夹名）实现，但没有直接的聚合功能来的直接，目前是将一个文件夹下所有（无论层次）图片全部加载展示（符合需求），缺少一些分类聚合的功能
相关文章
[2026.3.2]AI应用实践与设想需求
Lazy loaded image
[2026.1.17]实验室环境服务器使用实践
Lazy loaded image
从项目实践中总结Git的使用
Lazy loaded image
理解Git原理
Lazy loaded image
优质blog笔记
Lazy loaded image
折腾博客表里站复盘
Lazy loaded image
Chrome extension recommendation (1)English Subsite at top-right
  • Twikoo
昵称
邮箱
网址
0/500
  • OωO
  • |´・ω・)ノ
  • ヾ(≧∇≦*)ゝ
  • (☆ω☆)
  • （╯‵□′）╯︵┴─┴
  • ￣﹃￣
  • (/ω＼)
  • ∠( ᐛ 」∠)＿
  • (๑•̀ㅁ•́ฅ)
  • →_→
  • ୧(๑•̀⌄•́๑)૭
  • ٩(ˊᗜˋ*)و
  • (ノ°ο°)ノ
  • (´இ皿இ｀)
  • ⌇●﹏●⌇
  • (ฅ´ω`ฅ)
  • (╯°A°)╯︵○○○
  • φ(￣∇￣o)
  • ヾ(´･ ･｀｡)ノ"
  • ( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
  • (ó﹏ò｡)
  • Σ(っ °Д °;)っ
  • ( ,,´･ω･)ﾉ"(´っω･｀｡)
  • ╮(╯▽╰)╭
  • o(*////▽////*)q
  • ＞﹏＜
  • ( ๑´•ω•) "(ㆆᴗㆆ)
  • 😂
  • 😀
  • 😅
  • 😊
  • 🙂
  • 🙃
  • 😌
  • 😍
  • 😘
  • 😜
  • 😝
  • 😏
  • 😒
  • 🙄
  • 😳
  • 😡
  • 😔
  • 😫
  • 😱
  • 😭
  • 💩
  • 👻
  • 🙌
  • 🖕
  • 👍
  • 👫
  • 👬
  • 👭
  • 🌚
  • 🌝
  • 🙈
  • 💊
  • 😶
  • 🙏
  • 🍦
  • 🍉
  • 😣
  • 颜文字
  • Emoji
  • Bilibili
0 条评论
没有评论
Powered by Twikoo v1.6.44
CamelliaV
CamelliaV
Java；前端；AI；ACGN；
公告
UI未显示/数据未更新/无图 → 刷新/等待异步加载
主入口Netlify：
camelliav.netlify.app
https://camelliav.netlify.app/
备用入口Cloudflare：
camelliav.cloudns.ch
https://camelliav.cloudns.ch/
 
2024-2026CamelliaV.

CamelliaV | Java；前端；AI；ACGN；


  1. 1 BRIGHTEST HEART 高柳知葉
  2. 2 Raven Oliver Good
  3. 3 Against the Tide（逆潮） 鸣潮先约电台/Forts
  4. 4 给予你的爱 Xi YuaN/Digital Vengeance/唢清
  5. 5 スペルビア帝国/夜 平松建治
  6. 6 Imagination QQHHh
  7. 7 virtues QQHHh
  8. 8 Tricolor (short ver.) Digital Vengeance/44
  9. 9 港口夜 - 四周年 月代彩
  10. 10 神よ、その黄昏よ 金﨑猛
  11. 11 絆炎 (English Ver) Katherine Eames
  12. 12 ラストエンゲージ～祈りの呪文 馬場泰久
  13. 13 an evening calm fripSide
  14. 14 フレスベルグの少女～風花雪月～ Caro
  15. 15 Answer 北原春希/小木曽雪菜
  16. 16 Kiss Kiss Kiss BENI
  17. 17 远航高歌 染音若蔡/阿南
  18. 18 Sentimental Blue Trident
  19. 19 目指す先にあるもの Falcom Sound Team J.D.K.
  20. 20 Night City r e l/Artemis Delta
  21. 21 Gimme×Gimme P*Light/Giga/初音ミク/鏡音リン
  22. 22 桃幻浪漫 Airots/Active Planets & AUGUST
  23. 23 DESIRE 美郷あき
  24. 24 镜花堂（feat.芬璃尔） 幻塔手游/Rux
  25. 25 she was sitting under the osmanthus tree 梶浦由記
BRIGHTEST HEART - 高柳知葉
00:00 / 04:02