AI Web 资源聚合平台

一个全栈 Web 应用，包含商品导航、悬赏任务系统、收藏管理等功能。

项目结构

ai_web/
├── frontend/          # React 前端 (TypeScript + Vite)
│   ├── src/
│   │   ├── components/    # UI 组件
│   │   ├── pages/         # 页面组件
│   │   ├── hooks/         # React Hooks
│   │   ├── lib/           # API 客户端和工具
│   │   └── contexts/      # React Context
│   └── index.html
├── backend/           # Django 后端
│   ├── config/        # Django 项目配置
│   ├── apps/          # Django 应用模块
│   │   ├── users/         # 用户认证
│   │   ├── products/      # 商品和分类
│   │   ├── bounties/      # 悬赏系统
│   │   ├── favorites/     # 收藏管理
│   │   └── notifications/ # 通知系统
│   ├── requirements.txt
│   └── manage.py
└── shared/            # 共享类型定义

技术栈

前端

• React 18 + TypeScript
• Vite
• TanStack Query (React Query)
• Tailwind CSS
• Radix UI
• Wouter (路由)

后端

• Django 4.2
• Django Ninja (API 框架)
• MySQL
• Stripe (支付)

快速开始

1. 安装前端依赖

cd frontend
pnpm install

2. 安装后端依赖

cd backend

# 创建虚拟环境
python -m venv venv

# 激活虚拟环境 (Windows)
venv\Scripts\activate

# 激活虚拟环境 (Linux/Mac)
source venv/bin/activate

# 安装依赖
pip install -r requirements.txt

3. 配置环境变量

cd backend
cp .env.example .env
# 编辑 .env 文件，填入实际配置

4. 初始化数据库

cd backend
python manage.py migrate
python manage.py createsuperuser  # 创建管理员账号

5. 运行项目

启动后端 (端口 8000):

cd backend
python manage.py runserver

启动前端 (端口 5173):

cd frontend
pnpm dev

访问 http://localhost:5173 查看应用。

API 文档

启动后端后，访问 http://localhost:8000/api/docs 查看 API 文档。

主要功能

商品导航

• 浏览购物网站和商品
• 多平台价格对比
• 商品搜索与筛选

悬赏系统

• 发布悬赏任务
• 申请接取任务
• 赏金托管 (Stripe)
• 任务完成确认与支付

收藏管理

• 商品收藏
• 标签分类
• 价格监控
• 降价提醒

用户系统

• OAuth 登录
• 个人中心
• 通知系统