Back to Projects

iOffer - Study Abroad Application Platform

A one-stop platform for international student applications with AI-powered university matching

iOffer - Study Abroad Application Platform
Client iOffer·Role Frontend Developer·Started Sep 5, 2024·Completed Apr 5, 2025
Web DevelopmentFull StackReactTypeScriptViteBunTanStackClient ProjectAI

Overview

Led frontend development for iOffer, a comprehensive study abroad application management platform. Built with React 19, TypeScript, and a monorepo architecture (Bun workspaces) spanning both web and mobile (Expo) applications. The platform features AI-powered smart university matching, a gamified school selection mode, application tracking dashboard, and mentor connections for students, parents, and educators. The project has since been discontinued.

Details

Project Overview

iOffer is a comprehensive study abroad application management platform designed to help students, parents, and educators navigate the international university application process. The platform provides intelligent school matching, application tracking, and mentor connections across web and mobile platforms.

My Role & Responsibilities

As the frontend developer, I was responsible for building the entire frontend application from the ground up using a monorepo architecture with Bun workspaces. The project consisted of two applications — a React + Vite web app and a React Native + Expo mobile app — sharing 8 common packages including API integration, state management, validation schemas, internationalization, and TypeScript types.

Key Features

Smart Apply: An AI-powered university matching system that guides students through a multi-step data collection process covering personal info, education background, standardized test scores, language proficiency, career goals, and practical experience. The system generates detailed match reports with competitive analysis and historical case comparisons.

Fun Apply: A gamified school selection experience that makes the matching process interactive and engaging, producing personality-based results to help students find their best fit.

Application Dashboard: A centralized hub with user profile, application statistics, school lists, and navigation to different application modes.

Wishlist & Competition Analysis: A feature allowing students to manage their target school list, analyze competitiveness compared to other applicants, share wishlists, and sync with parent accounts.

Schools Database: A searchable university database with detailed program information, filtering, and exploration tools.

Technical Architecture

The monorepo architecture enabled maximum code reuse between web and mobile platforms. Key technical decisions included TanStack Router for file-based routing, TanStack React Query for server state management, Zustand for lightweight client state, TanStack Form + Zod for robust form validation, Tailwind CSS 4 for styling, and Radix UI + shadcn/ui patterns for accessible components. The project supported multiple languages via react-i18next.

Project Outcome

The platform was successfully built and functional, but the project was eventually discontinued due to business reasons. Despite the outcome, the project provided valuable experience in building complex monorepo architectures, cross-platform applications, and AI-integrated user experiences.