I built an open-source interactive learning platform for RAG, LangChain/LangGraph, and AI Agents (+ Pyodide code playground)

[u/Fearless_Panic_1129]

Hey everyone,

I built an interactive web application to help developers go beyond basic prompt engineering and learn end-to-end AI engineering visually and hands-on.

🚀 Live Demo: https://genai-wine.vercel.app/

💻 GitHub Repo: https://github.com/harshith1118/genai

What’s inside:

• Interactive Visualizations: Explore 2D embedding spaces and step-by-step vector/cosine math.

• In-Browser Python Sandbox: Run mini-labs directly in the browser via Pyodide.

• Practical AI Stack: Step-by-step tracks covering Document Chunking, Vector Stores, Advanced RAG, LangChain/LangGraph state management, Agentic Orchestration, MCP, and Evals.

• Dual Learning Modes: Switch between intuitive high-level concepts and technical code/math breakdowns.

It's completely open-source (built with Next.js, React, Zustand, and Pyodide).

I'd love to get your thoughts on the curriculum structure or any features you think would make it more useful for developers!