HDR
All projects
Live

AI Code Migrator

AI Code Migrator — Built with AI assistance in one session

Built in One overnight session (March 8, 2026)
Next.jsAnthropic ClaudeSSE StreamingDeveloper ToolsTypeScriptCode Migration

01The Problem

Portfolio project #50: Paste legacy code and describe your migration target — get a streamed side-by-side diff with the migrated code highlighted and a step-by-step explanation of every change. Presets for common migrations: Redux → Zustand, class → function components, Pages Router → App Router, CommonJS → ESM.

02The Approach

Built with Next.js 15, Tailwind v4, and Anthropic Claude. Deployed to Vercel.

03Architecture Decisions

AI-powered core

Uses Claude Haiku via streaming API routes for real-time AI responses.

04Key Insight

Practical AI application with clean UX and useful output.

05Why It Matters

Live at https://ai-code-migrator.vercel.app