← projects
React

Planner AI

Planner AI
React
OVERVIEW

An AI-powered curriculum generator that creates personalized learning roadmaps using a multi-agent system. Builds structured milestones and tasks through an Architect Agent using strict JSON schemas, and uses a Resource Curator Agent with Google Search grounding to fetch real, high-quality learning resources.

TECH STACK
ReactTypeScriptGemini 2.5 FlashGoogle Search API
KEY FEATURES
  • Architect Agent builds structured milestones and tasks from strict JSON schemas via Gemini 2.5 Flash
  • Resource Curator Agent grounds recommendations in real search results via the Google Search API
  • Multi-agent pipeline separates plan generation from resource discovery for higher-quality roadmaps
  • Personalized to the learner's goals rather than a static, one-size-fits-all curriculum
HOW IT WORKS
  1. 01The learner describes a goal, which the Architect Agent turns into structured milestones and tasks via a strict JSON schema
  2. 02The Resource Curator Agent takes each task and searches for real learning resources grounded in Google Search results
  3. 03Plan generation and resource discovery run as separate agents so a bad search doesn't corrupt the roadmap structure
  4. 04The finished roadmap is rendered as a personalized, milestone-based curriculum rather than a generic course list