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.

Launch Site

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: Cloudflare Workers; Cloudflare D1, KV
Integrations: AI Powered by Gemini 2.5, ChatGPT 4, o1, Llama 3.3, and Llama 4 (Groq).

Results

Since launch, Learnable.dev has onboarded many learners, with hundreds of new conversations.