CELPIP12 - AI英语考试写作练习平台
Why - 从痛点出发的产品思考 去年备考CELPIP的时候，反复大量的使用GPT来帮我备考，我深刻体验到了现有学习工具的痛点： 重复操作的烦恼：每次练习写作都要把相同的prompt复制粘贴给ChatGPT，然后再把作文贴过去，整个流程繁琐且容易中断思路。 缺乏针对性：通用的AI工具无法提供CELPIP特定的评分标准和反馈格式。 学习资源分散：官方范文、练习题目、评分标准散落在各处，没有一个统一的练习环境。 产品经理的第一想法，干脆自己做一个，顺便也可以从零开始体验一下Web开发的整个流程。从最开始用V0搞出来第一版前端的兴奋，到后面开始学习Nextjs的各种hook和后端的抓狂，最后拖到 AI Coding都升级换代了几波的今天终于算是正式上线，至少能达到自己心中的一个要求。 What - 产品需求到功能实现 基于自己的使用痛点，我梳理出了核心需求： 🎯 核心功能 一站式写作环境：题目选择、写作、评分、反馈都在一个页面完成 AI评分：基于OpenAI API，按CELPIP标准给出1-12分评价 写作批改：直接在文本中高亮显示需要改进的地方 官方范文参考：收录90+篇不同分数段的官方范文，便于对比学习 📊 数据管理 练习记录：保存每次的写作内容和评分，方便回顾进步 用户系统：简单的登录注册，管理个人学习数据 题库管理：46+道官方题目的分类和搜索 💡 产品细节 自动保存功能，防止意外丢失内容 响应式设计，在不同设备上都能正常使用 加载状态和错误处理，让用户知道系统在做什么 清晰的信息层级，重要信息一目了然 How - 技术实现与架构 虽然我的主要背景是产品经理，但在这个项目中，我承担了全栈开发的角色，从产品设计到技术实现的完整过程。 🏗 技术架构设计 前端技术栈 Next.js 14: 选择App Router架构，一套代码同时处理前后端 TypeScript: 全程类型安全，减少运行时错误 Tailwind CSS: 快速构建响应式界面 Slate.js: 富文本编辑器，支持实时修改建议高亮 后端与数据 API Routes: Next.js原生API路由，处理业务逻辑 Vercel Postgres: 云原生数据库，自动扩容 Clerk Authentication: 企业级认证解决方案 OpenAI Integration: AI评估服务集成 数据库设计 -- 用户表 CREATE TABLE users ( id TEXT PRIMARY KEY, email TEXT, usage_count INTEGER DEFAULT 30 ); -- 评分历史表 CREATE TABLE score_history ( id SERIAL PRIMARY KEY, user_id TEXT, question TEXT, essay TEXT, ai_response JSONB, ai_corrections JSONB, created_at TIMESTAMP DEFAULT NOW() ); 🔧 核心功能实现 双阶段AI评估系统 基于产品需求，我设计了分离的评分和建议系统：...
