ChiliSmile 是一个现代化的创作分享平台,让用户可以轻松分享和管理他们的创作作品。
- 🎨 支持多种创作类型(文学、视频、绘画、表情包)
- 🔄 无限滚动加载
- 💡 实时搜索过滤
- 👥 作品所有权管理
- 🔒 作品可见性控制
- ❤️ 作品点赞互动
- 📱 响应式设计
- React 19
- TypeScript
- Ant Design 5
- Vite
- Framer Motion
- React Router 6
- 克隆项目
git clone https://github.com/huahuahua1223/ChiliSmile.git
cd ChiliSmile
- 安装依赖
pnpm install
- 启动开发服务器
pnpm dev
- 构建生产版本
pnpm build
src/
├── components/ # 组件目录
│ ├── ArtworkList/ # 作品列表组件
│ ├── ArtworkDetail/# 作品详情组件
│ └── CreateArtwork/# 创作表单组件
├── layouts/ # 布局组件
├── mock/ # 模拟数据
├── routes/ # 路由配置
└── App.css # 全局样式
- 组件采用 TypeScript 编写,确保类型安全
- 使用 Ant Design 组件库构建界面
- 使用 Framer Motion 实现动画效果
- 遵循 React Hooks 最佳实践
- Node.js 18+
- pnpm 8+
- Fork 本仓库
- 创建特性分支 (
git checkout -b feature/AmazingFeature
) - 提交改动 (
git commit -m 'Add some AmazingFeature'
) - 推送到分支 (
git push origin feature/AmazingFeature
) - 提交 Pull Request
- 项目作者:[huahua]
- 邮箱:[1494133104@qq.com]
- 项目地址:https://github.com/huahuahua1223/ChiliSmile