Coding Pandas
Interactive EdTech Platform
The Challenge
Traditional online learning systems are passive and lead to low completion rates. Students get stuck installing dependencies locally, setting up editors, and managing configurations. The client wanted a fully browser-based coding setup that gets students coding immediately with zero setup, combined with deep performance analytics.
The Solution
Engineered an in-browser code editor and runner environment with sandboxed evaluation. Created custom learning paths where lessons are parsed interactively. Implemented live progress dashboards, student performance statistics, and dynamic code checking that runs automated unit tests on student submissions.
Technical Architecture
React, Node.js with isolated code runner environment, PostgreSQL with Prisma ORM, Tailwind CSS, Monaco Editor integration, and Vercel for hosting.
Key Tech Stack
Business Outcome
Helped 2000+ active students learn coding concepts with zero environment setup friction. Average completion rates increased by 50% compared to traditional video-only portals.
Interface & Dashboard Details
UX & Design Decisions
- Dark workspace layout resembling VS Code to prepare students for real-world software tools.
- Instant reward design highlighting successful test passing to motivate continuing lessons.
- Responsive layout for studying lessons and concepts on mobile screens.