Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 26 additions & 0 deletions data/quests.json
Original file line number Diff line number Diff line change
Expand Up @@ -449,6 +449,32 @@
"difficulty": "Medium",
"status": "live"
},
{
"id": "memory-heap-detective",
"name": "Memory Heap Detective",
"shortDescription": "Interactive memory profiling and garbage collection diagnostic simulator for learning JavaScript memory management and leak prevention.",
"longDescription": "## Memory Heap Detective\n\nAn interactive memory profiling and garbage collection diagnostic simulator that teaches memory management, heap snapshot analysis, and memory leak prevention in JavaScript.\n\n### Features\n\n- Interactive Heap Snapshot Visualizer: Real-time visual memory graph displaying GC Roots, Detached DOM Trees, Retainer Chains, and Allocation Timelines\n- Memory Leak Diagnostic Challenges: Level-based scenarios covering dangling event listeners, detached DOM nodes, uncleared timers, and circular reference traps\n- Real-Time Garbage Collector Simulator: Manual 'Trigger GC' sweep button that reclaims freed memory and updates heap allocation charts\n- Web Audio Synthesizer SFX: Audio feedback for GC sweeps, memory alarms, and level completion fanfares\n- Built-In Memory Profiling Manual: Cheatsheet covering V8 Garbage Collection mechanics (Mark-and-Sweep, Generational GC)",
"category": "js-fundamentals",
"tags": [
"game",
"garbage-collection",
"heap-snapshot",
"javascript",
"memory-leak",
"performance",
"profiling",
"quest",
"v8"
],
"techStack": [
"CSS3",
"HTML5",
"Vanilla JS",
"Web Audio API"
],
"difficulty": "Hard",
"status": "live"
},
{
"id": "merge-conflict-frontline",
"name": "Merge Conflict: Frontline",
Expand Down
Loading
Loading