|
/modules/00_linear_algebra.html
|
<div class="card-top">
<span class="module-number prereq">00</span>
<div class="module-check" data-id="0">✓</div>
</div>
<div class="module-title">Linear Algebra for QC</div>
<div class="module-desc">Vectors, matrices, eigenvalues, and unitary operators — the mathematical language of quantum mechanics.</div>
<div class="card-footer">
<div class="card-tags">
<span class="tag math">Math</span>
<span class="tag interactive">Interactive</span>
</div>
<svg class="card-arrow" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</div>
|
|
|
/modules/01_qubits.html
|
<div class="card-top">
<span class="module-number">01</span>
<div class="module-check" data-id="1">✓</div>
</div>
<div class="module-title">Understanding Qubits</div>
<div class="module-desc">The building blocks of quantum computing — superposition, Bloch sphere visualization, and the quantum bit.</div>
<div class="card-footer">
<div class="card-tags">
<span class="tag interactive">Interactive</span>
<span class="tag visual">Bloch Sphere</span>
</div>
<svg class="card-arrow" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</div>
|
|
|
/modules/02_measurements.html
|
<div class="card-top">
<span class="module-number">02</span>
<div class="module-check" data-id="2">✓</div>
</div>
<div class="module-title">Single-Qubit Measurements</div>
<div class="module-desc">Explore measurement in different bases, Born's rule, and the probabilistic nature of quantum observation.</div>
<div class="card-footer">
<div class="card-tags">
<span class="tag interactive">Interactive</span>
<span class="tag math">Probabilities</span>
</div>
<svg class="card-arrow" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</div>
|
|
|
/modules/03_bomb_tester.html
|
<div class="card-top">
<span class="module-number">03</span>
<div class="module-check" data-id="3">✓</div>
</div>
<div class="module-title">Elitzur-Vaidman Bomb Tester</div>
<div class="module-desc">Interaction-free measurement — detect a bomb without detonating it using quantum interference.</div>
<div class="card-footer">
<div class="card-tags">
<span class="tag interactive">Interactive</span>
<span class="tag game">Thought Experiment</span>
</div>
<svg class="card-arrow" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</div>
|
|
|
/modules/06_multi_qubit_systems.html
|
<div class="card-top">
<span class="module-number">04</span>
<div class="module-check" data-id="6">✓</div>
</div>
<div class="module-title">Multi-Qubit Systems & Tensor Products</div>
<div class="module-desc">Combining qubits — tensor products, entanglement, Bell states, and multi-qubit gate operations.</div>
<div class="card-footer">
<div class="card-tags">
<span class="tag math">Tensor Products</span>
<span class="tag interactive">Interactive</span>
</div>
<svg class="card-arrow" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</div>
|
|
|
/modules/07_reversible_computation.html
|
<div class="card-top">
<span class="module-number">05</span>
<div class="module-check" data-id="7">✓</div>
</div>
<div class="module-title">Reversible Computation</div>
<div class="module-desc">Why quantum gates must be reversible, garbage qubits, uncomputation, and the Bennett trick.</div>
<div class="card-footer">
<div class="card-tags">
<span class="tag interactive">Interactive</span>
<span class="tag visual">Circuits</span>
</div>
<svg class="card-arrow" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</div>
|
|
|
/modules/05_hadamard_transform.html
|
<div class="card-top">
<span class="module-number">06</span>
<div class="module-check" data-id="5">✓</div>
</div>
<div class="module-title">The n-Qubit Hadamard Transform</div>
<div class="module-desc">From single-qubit H gates to full superposition — how Hadamard creates uniform quantum states.</div>
<div class="card-footer">
<div class="card-tags">
<span class="tag interactive">Interactive</span>
<span class="tag visual">Visualization</span>
</div>
<svg class="card-arrow" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</div>
|
|
|
/modules/08_teleportation.html
|
<div class="card-top">
<span class="module-number">07</span>
<div class="module-check" data-id="8">✓</div>
</div>
<div class="module-title">Quantum Teleportation</div>
<div class="module-desc">Transfer quantum states using entanglement and classical communication — the teleportation protocol step by step.</div>
<div class="card-footer">
<div class="card-tags">
<span class="tag interactive">Interactive</span>
<span class="tag visual">Protocol</span>
</div>
<svg class="card-arrow" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</div>
|
|
|
/modules/13_chsh_game.html
|
<div class="card-top">
<span class="module-number">08</span>
<div class="module-check" data-id="13">✓</div>
</div>
<div class="module-title">The CHSH Game</div>
<div class="module-desc">Bell inequalities in action — prove that quantum entanglement outperforms any classical strategy.</div>
<div class="card-footer">
<div class="card-tags">
<span class="tag game">Game</span>
<span class="tag math">Bell Inequality</span>
</div>
<svg class="card-arrow" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</div>
|
|
|
/modules/11_deutsch_algorithm.html
|
<div class="card-top">
<span class="module-number">09</span>
<div class="module-check" data-id="11">✓</div>
</div>
<div class="module-title">The Deutsch Algorithm</div>
<div class="module-desc">The first quantum speedup — determine a function's global property with a single query using phase kickback.</div>
<div class="card-footer">
<div class="card-tags">
<span class="tag interactive">Interactive</span>
<span class="tag visual">Circuits</span>
</div>
<svg class="card-arrow" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</div>
|
|
|
/modules/12_simons_algorithm.html
|
<div class="card-top">
<span class="module-number">10</span>
<div class="module-check" data-id="12">✓</div>
</div>
<div class="module-title">Simon's Algorithm</div>
<div class="module-desc">Exponential quantum speedup — find a hidden period using quantum parallelism and linear algebra.</div>
<div class="card-footer">
<div class="card-tags">
<span class="tag interactive">Interactive</span>
<span class="tag math">Linear Algebra</span>
</div>
<svg class="card-arrow" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</div>
|
|
|
/modules/15_grovers_algorithm.html
|
<div class="card-top">
<span class="module-number">11</span>
<div class="module-check" data-id="15">✓</div>
</div>
<div class="module-title">Grover's Search Algorithm</div>
<div class="module-desc">Quadratic speedup for unstructured search — amplitude amplification and the diffusion operator.</div>
<div class="card-footer">
<div class="card-tags">
<span class="tag interactive">Interactive</span>
<span class="tag visual">Amplitudes</span>
</div>
<svg class="card-arrow" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</div>
|
|
|
/modules/19_quantum_fourier_transform.html
|
<div class="card-top">
<span class="module-number">13</span>
<div class="module-check" data-id="19">✓</div>
</div>
<div class="module-title">Quantum Fourier Transform</div>
<div class="module-desc">The quantum analog of the DFT — exponential speedup through quantum phase estimation.</div>
<div class="card-footer">
<div class="card-tags">
<span class="tag interactive">Interactive</span>
<span class="tag visual">Visualization</span>
</div>
<svg class="card-arrow" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</div>
|
|
|
/modules/20_factoring_to_period_finding.html
|
<div class="card-top">
<span class="module-number">14</span>
<div class="module-check" data-id="20">✓</div>
</div>
<div class="module-title">From Factoring to Period Finding</div>
<div class="module-desc">The key reduction — how factoring integers reduces to finding the period of modular exponentiation.</div>
<div class="card-footer">
<div class="card-tags">
<span class="tag math">Reduction</span>
<span class="tag interactive">Interactive</span>
</div>
<svg class="card-arrow" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</div>
|
|
|
/modules/21_period_finding.html
|
<div class="card-top">
<span class="module-number">15</span>
<div class="module-check" data-id="21">✓</div>
</div>
<div class="module-title">Quantum Period Finding</div>
<div class="module-desc">The quantum subroutine at the heart of Shor — using QFT to extract periods from quantum states.</div>
<div class="card-footer">
<div class="card-tags">
<span class="tag interactive">Interactive</span>
<span class="tag visual">Circuits</span>
</div>
<svg class="card-arrow" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</div>
|
|
|
/modules/22_shors_algorithm.html
|
<div class="card-top">
<span class="module-number">16</span>
<div class="module-check" data-id="22">✓</div>
</div>
<div class="module-title">Shor's Algorithm</div>
<div class="module-desc">The crown jewel — factor large integers in polynomial time and break RSA encryption.</div>
<div class="card-footer">
<div class="card-tags">
<span class="tag interactive">Interactive</span>
<span class="tag visual">Full Simulation</span>
</div>
<svg class="card-arrow" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</div>
|
|
|
/modules/16_complexity_theory.html
|
<div class="card-top">
<span class="module-number">17</span>
<div class="module-check" data-id="16">✓</div>
</div>
<div class="module-title">Quantum Complexity Theory</div>
<div class="module-desc">BQP, QMA, and the computational hierarchy — where quantum computers sit in the complexity landscape.</div>
<div class="card-footer">
<div class="card-tags">
<span class="tag math">Theory</span>
<span class="tag interactive">Interactive</span>
</div>
<svg class="card-arrow" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</div>
|
|
|
/modules/17_hybrid_method.html
|
<div class="card-top">
<span class="module-number">18</span>
<div class="module-check" data-id="17">✓</div>
</div>
<div class="module-title">The Hybrid Method (BBBV)</div>
<div class="module-desc">Proving Grover's algorithm is optimal — the polynomial method and quantum query lower bounds.</div>
<div class="card-footer">
<div class="card-tags">
<span class="tag math">Proof</span>
<span class="tag interactive">Interactive</span>
</div>
<svg class="card-arrow" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</div>
|
|
|
/modules/23_error_correction.html
|
<div class="card-top">
<span class="module-number">19</span>
<div class="module-check" data-id="23">✓</div>
</div>
<div class="module-title">Shor's 9-Qubit Code</div>
<div class="module-desc">The first quantum error-correcting code — protect against bit-flip and phase-flip errors simultaneously.</div>
<div class="card-footer">
<div class="card-tags">
<span class="tag interactive">Interactive</span>
<span class="tag visual">Error Correction</span>
</div>
<svg class="card-arrow" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</div>
|
|
|
/modules/24_toric_code.html
|
<div class="card-top">
<span class="module-number">20</span>
<div class="module-check" data-id="24">✓</div>
</div>
<div class="module-title">The Toric Code</div>
<div class="module-desc">Topological quantum error correction — protect qubits using the topology of a torus surface.</div>
<div class="card-footer">
<div class="card-tags">
<span class="tag interactive">Interactive</span>
<span class="tag math">Topology</span>
</div>
<svg class="card-arrow" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</div>
|
|
|
/modules/09_state_tomography.html
|
<div class="card-top">
<span class="module-number">21</span>
<div class="module-check" data-id="9">✓</div>
</div>
<div class="module-title">Quantum State Tomography</div>
<div class="module-desc">Reconstruct an unknown quantum state from measurement statistics across multiple bases.</div>
<div class="card-footer">
<div class="card-tags">
<span class="tag interactive">Interactive</span>
<span class="tag math">Statistics</span>
</div>
<svg class="card-arrow" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</div>
|
|
|
/modules/14_quantum_key_distribution.html
|
<div class="card-top">
<span class="module-number">22</span>
<div class="module-check" data-id="14">✓</div>
</div>
<div class="module-title">BB84 Quantum Key Distribution</div>
<div class="module-desc">Unbreakable cryptography — use quantum mechanics to securely exchange encryption keys.</div>
<div class="card-footer">
<div class="card-tags">
<span class="tag interactive">Interactive</span>
<span class="tag visual">Protocol</span>
</div>
<svg class="card-arrow" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</div>
|
|
|
/modules/25_quantum_game_bonus.html
|
<div class="card-top">
<span class="module-number bonus-num">★</span>
<div class="module-check" data-id="25">✓</div>
</div>
<div class="module-title">Quantum Collapse Game</div>
<div class="module-desc">Play an interactive game that builds intuition for quantum measurement, superposition, and wave function collapse.</div>
<div class="card-footer">
<div class="card-tags">
<span class="tag game">Game</span>
<span class="tag interactive">Interactive</span>
</div>
<svg class="card-arrow" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</div>
|
|
|
/modules/26_superposition_hero.html
|
<div class="card-top">
<span class="module-number bonus-num">★</span>
<div class="module-check" data-id="26">✓</div>
</div>
<div class="module-title">Superposition Hero</div>
<div class="module-desc">A rhythm game where you apply quantum gates in time to build target superpositions — master X, H, Z, CNOT and more!</div>
<div class="card-footer">
<div class="card-tags">
<span class="tag game">Game</span>
<span class="tag interactive">Interactive</span>
</div>
<svg class="card-arrow" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
</div>
|
|
|
|
Fernando Granha Jeronimo
|
|
