AlgoQuest
Learn algorithms through interactive adventure — Undertale meets coding education. A browser-based algorithm-visualizer RPG: explore a pixel-art overworld, talk to NPC mentors, and beat algorithm challenges as battles to progress through the story.
Overview
AlgoQuest wraps classic computer-science material in a playable RPG. Act I is an explorable overworld with named locations — the Sorting Yard, Stack Gate, Queue Chapel, Heap Meadow, Loop Lake, and GCD Shrine — each guarding an algorithm challenge. Instead of reading pseudocode, you step through every comparison, swap, push, and pop visually until the algorithm clicks.
Key Features
- Pixel-art overworld with NPCs and branching dialog (Sorting Sage, Library Sphinx, Capt. Stack, Graph Oracle, and friends)
- Ten interactive algorithm levels: Bubble Sort, Binary Search, Stack push/pop, Linear Search, Selection Sort, Euclid's GCD, Floyd's Cycle Detection, BFS maze solving, Heap Sort, and Merge Sort
- Step-by-step visualization of each algorithm with its time complexity, from O(1) stack ops to O(n log n) sorts
- Challenges framed as battles — complete them to progress through the story
- Fully static and client-side: no backend, no accounts, loads instantly
Architecture
Built with React and Vite, styled with Tailwind CSS, and animated with Framer Motion. Game state, dialog trees, and algorithm stepping all run client-side, so the whole game ships as a static bundle deployed to GitHub Pages.