Learnable.dev Project Overview
How we built Learnable.dev, an interactive, AI-powered learning platform.
Project Overview
Learnable.dev is an AI-enhanced, browser-based coding platform offering interactive tutorials across 15+ programming languages. It allows learners to write, run, and debug code in-browser—with built‑in AI hints and instant feedback on every step.
Challenge
We needed to create a seamless, scalable system combining a code runner, AI assistant, user progress tracking, and pricing/payment flows—all wrapped in a responsive, intuitive UI for learners and educators alike.
Technical Solution
- Frontend: Astro served fast, content-first pages; React powered interactive components; Tailwind CSS enabled responsive, utility-first styling
- Backend: Node.js with Express handled API routing; MongoDB stored user profiles, course data, and problem submissions—flexible for rapid iteration
- Integrations: AI Powered by ChatGPT 4, o1, Llama 3.3, and Llama 4.
Results
Since launch, Learnable.dev has onboarded many learners, with hundreds of new conversations.