Algolify

Interactive DSA lessons, in your editor.

SHIPPED

A VS Code and Cursor extension for HTML-only DSA lessons stored in .algolify files. A custom editor runs the lessons, with in-page explain and chat generated by AI.

Source is private

Role: Solo
Type: DEV TOOL
Stack: TypeScript · VS Code API · Webview
Timeline: 2026
Platforms: VS Code

The problem

DSA lessons live in browser tabs, away from where the code gets written. The context switch costs more than it looks.

The solution

Lessons open as files in the editor itself, with explain and chat built into the page, AI-assisted, so studying and coding share one window.

Architecture

.algolify fileslessons

Custom editorwebview

Lesson serverlocal

AIexplain + chat

Features

A custom editor for .algolify lesson files
Local lesson-server controls built in
In-page explain and chat, AI-assisted
Author and run lessons without leaving the editor

Technologies

TypeScriptVS Code APIWebview