Duduu - AI绘画灵感与提示词分享平台

项目介绍

Duduu是一个专为AI绘画爱好者、设计师和内容创作者打造的灵感与提示词分享平台。通过精美的图片瀑布流展示和便捷的提示词复制功能，帮助创作者获取灵感、提高创作效率。

主要功能

🖼️ 图片瀑布流

• 响应式布局，自适应不同设备屏幕
• 图片懒加载，提升浏览体验
• 无限滚动加载更多内容

🏷️ 标签筛选

• 多标签组合筛选
• 热门标签快速访问
• 标签搜索功能

🔍 图片详情

• 高清原图查看
• 完整提示词展示
• 一键复制提示词
• 上传者信息展示

⬆️ 图片上传

• 便捷的拖拽上传
• 提示词编辑
• 标签选择与创建
• 上传者信息填写

技术栈

• 前端框架：React/Next.js
• 类型系统：TypeScript
• 样式解决方案：TailwindCSS
• 状态管理：React Context/Redux
• UI组件：Shadcn UI

快速开始

环境要求

• Node.js 16.x 或更高版本
• npm 8.x 或更高版本

安装步骤

1. 克隆仓库

git clone https://github.com/yourusername/duduu.git
cd duduu

2. 安装依赖

npm install

3. 启动开发服务器

npm run dev

4. 打开浏览器访问 http://localhost:3000

构建生产版本

npm run build
npm run start

项目结构

├── components/       # UI组件
├── pages/            # 页面组件
├── public/           # 静态资源
├── styles/           # 全局样式
├── types/            # TypeScript类型定义
├── utils/            # 工具函数
├── hooks/            # 自定义Hooks
├── context/          # React Context
└── README.md         # 项目说明

贡献指南

1. Fork 本仓库
2. 创建你的特性分支 (git checkout -b feature/amazing-feature)
3. 提交你的更改 (git commit -m 'Add some amazing feature')
4. 推送到分支 (git push origin feature/amazing-feature)
5. 开启一个 Pull Request

许可证

本项目采用 MIT 许可证 - 详情请参阅 LICENSE 文件

联系方式

• 项目维护者：Your Name
• 电子邮件：your.email@example.com
• 项目链接：GitHub

---

🚀 Powered by Duduu Team