PYAN
  • Home
  • Skills
  • Projects
  • Experience
  • Achievements
  • Education
  • Summary
  • Contact

AIG (AI-integrated Ground)

A web-based algorithm problem-solving platform powered by a LangGraph AI coding agent. The agent assists in real time with code writing, debugging, and hints, while its full execution flow is traceable per session through a Langfuse-style Trace viewer. A per-user harness system lets you customize the agent's behavior and prompts without touching the codebase.

Duration

2026.04 - 2026.05

Team

Team of 6

Role & Contribution
  • Frontend sole developer — full design and implementation of IDE

  • Trace

  • Harness

  • and Reports (65% of all commits)

  • IDE workbench — Monaco Editor multi-tab

  • panel resize

  • diff view

  • LangGraph agent Trace viewer (TraceWorkbench) — designed and built from scratch

  • Agent SSE streaming chat panel and worktree card UI

  • Harness page — build/activate flow and BYOK (user API key) settings

  • Submission result panel — QUEUED / RUNNING / COMPLETED states with live queue position

  • Report page — radar chart and markdown rendering

  • Backend API integration and response spec compatibility fixes (16 cases)


Tech Stack
Next.js
TypeScript
React
Zustand
TanStack Query
Monaco Editor
Spring Boot
Java
PostgreSQL
Redis
RabbitMQ
LangGraph
Python
FastAPI
Docker
Nginx
Jenkins
Project Links