AI Chat Web 是一个简洁优雅的 ChatGPT 网页客户端，支持多模型切换、对话历史管理、代码高亮等功能。追求极致的用户体验和代码质量～

✨ 功能特性

🛠️ 技术栈

• 前端框架： React 18 + TypeScript
• 构建工具： Vite
• 样式方案： Tailwind CSS
• 状态管理： Zustand
• 代码高亮： Prism.js
• 部署平台： Vercel / Cloudflare Pages

🚀 快速开始

1. 克隆项目

git clone https://github.com/yourusername/ai-chat-web.git
cd ai-chat-web

2. 安装依赖

npm install

3. 配置环境变量

# 创建 .env.local 文件
cp .env.example .env.local

# 编辑 .env.local，填入你的 API Key
VITE_OPENAI_API_KEY=sk-xxxxxxx

4. 启动开发服务器

npm run dev

5. 构建生产版本

npm run build

📁 项目结构

ai-chat-web/
├── src/
│   ├── components/     # React 组件
│   ├── hooks/          # 自定义 Hooks
│   ├── stores/         # Zustand 状态管理
│   ├── utils/         # 工具函数
│   ├── types/         # TypeScript 类型定义
│   └── styles/        # 全局样式
├── public/             # 静态资源
├── .env.example        # 环境变量示例
├── vite.config.ts      # Vite 配置
└── README.md           # 项目文档

🤝 贡献指南

欢迎提交 Issue 和 Pull Request！如果你有任何问题或建议，请随时联系我。

1. Fork 本仓库
2. 创建你的特性分支 (git checkout -b feature/xxx)
3. 提交你的修改 (git commit -m 'Add xxx')
4. 推送分支 (git push origin feature/xxx)
5. 创建 Pull Request

📄 开源协议

本项目采用 MIT 开源协议，欢迎学习和使用～

📸 预览

💖 感谢

感谢所有为这个项目贡献代码的朋友！也感谢 OpenAI 提供如此强大的 API。