返回项目列表

iOffer - 留学申请管理平台

一站式留学申请平台,提供AI智能院校匹配

iOffer - 留学申请管理平台
客户 iOffer·角色 前端开发工程师·开始 2024年9月5日·完成 2025年4月5日
网页开发全栈ReactTypeScriptViteBunTanStack客户项目AI

概述

负责iOffer的前端开发,这是一个综合性的留学申请管理平台。使用React 19、TypeScript和Monorepo架构(Bun workspaces)构建,覆盖Web和移动端(Expo)应用。平台功能包括AI智能院校匹配、游戏化选校模式、申请追踪看板以及导师连接,服务于学生、家长和教育顾问。该项目已停止运营。

详情

项目概述

iOffer是一个综合性的留学申请管理平台,旨在帮助学生、家长和教育顾问高效地完成国际大学申请流程。平台提供智能院校匹配、申请追踪和导师连接等功能,覆盖Web和移动端。

我的角色与职责

作为前端开发工程师,我负责使用Bun workspaces的Monorepo架构从零构建整个前端应用。项目包含两个应用——React + Vite的Web应用和React Native + Expo的移动端应用——共享8个通用包,涵盖API集成、状态管理、验证模式、国际化和TypeScript类型定义。

核心功能

智能申请(Smart Apply):AI驱动的院校匹配系统,引导学生完成多步骤数据收集流程,涵盖个人信息、教育背景、标准化考试成绩、语言能力、职业目标和实践经历。系统生成详细的匹配报告,包含竞争力分析和历史案例对比。

趣味申请(Fun Apply):游戏化的选校体验,通过互动的方式让匹配过程变得有趣,生成基于个性的结果帮助学生找到最佳匹配。

申请看板:集中化的管理中心,包含用户档案、申请统计、学校列表以及不同申请模式的导航入口。

心愿单与竞争力分析:允许学生管理目标院校列表、分析与其他申请者的竞争力对比、分享心愿单,并支持与家长账户同步。

院校数据库:可搜索的大学数据库,提供详细的专业信息、筛选和探索工具。

技术架构

Monorepo架构实现了Web和移动端之间的最大化代码复用。关键技术选型包括:TanStack Router实现文件式路由、TanStack React Query管理服务端状态、Zustand进行轻量级客户端状态管理、TanStack Form + Zod实现健壮的表单验证、Tailwind CSS 4进行样式开发,以及Radix UI + shadcn/ui模式构建可访问性组件。项目通过react-i18next支持多语言。

项目结果

平台已成功构建并可正常运行,但最终因商业原因停止运营。尽管结果如此,该项目在构建复杂Monorepo架构、跨平台应用和AI集成用户体验方面提供了宝贵的经验。