iOffer - 留學申請管理平台

專案概述

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整合用戶體驗方面提供了寶貴的經驗。