IntelliCourse
Lead frontend
Personalized, AI-powered learning to help people build new skills.
An AI-powered learning platform that generates courses, adapts to learners, and provides instant assessments.
The mission
I led front-end implementation and interaction design.
My focus: scalable UI architecture, the design system, and performant motion.
- 01
Architecture App Router structure, layouts, and shared providers.
- 02
Component library Reusable UI components and patterns with Tailwind.
- 03
Design system Tokens, spacing scale, typography, and accessible color.
- 04
Motion Micro-interactions with Framer Motion.
Technical architecture
Building a seamless AI learning experience requires robust engineering.
- 01
Component-driven Composable components with clear props and slots.
- 02
Server components by default Client islands only where interactivity is needed.
- 03
Form engine Multi-step flows with field-level validation.
- 04
Code-splitting Route-based splitting with lazy loading, keeping Lighthouse scores at 98–100.
- 05
In-view rendering IntersectionObserver-driven reveals.
- 06
Event hooks Custom hooks for funnel tracking, with consistent event payloads for aggregation.
The team
Two designers and four software developers, working collaboratively to bring the platform to life.
