    █                     █                     █
  █ █                   █ ▓ █                 █ ▓
  ▓ ▓ █                 ▓ ▓ █                 █ ▓
█ ▓ ▓ ▓ █             █ ▓ ▓ ▓ █             █ ▓ ▓
█ ▓ ▓ ▓ █ █ █         █ ▓ ▓ ▓ █ █         █ █ ▓ ▓
▓ ▓ ▓ ▓ ▓ ▓ █ █ █ █ █ ▓ ▓ ▓ ▓ ▓ █ █ █ █ █ █ ▓ ▓ ▓

Quantum

An interactive educational platform that teaches both technical and non-technical audiences about quantum computing, post-quantum cryptography, and the real-world implications of a post-quantum world — from the basics to the cutting edge.

Next.jsTypeScriptTailwind CSSEducation

Role

Developer & Designer

Duration

2 Weeks

Year

2025

Visit Live SiteFull details available upon request

The Challenge: Quantum computing is advancing fast, but most people — including business leaders, students, and even many developers — don't understand what it means for them. The existing resources are either too academic or too shallow. The goal was to build a platform that makes quantum computing and post-quantum security genuinely accessible, without dumbing it down.

The Result: An interactive educational platform that takes visitors from "what is quantum computing?" all the way to understanding real threats like Harvest Now Decrypt Later attacks, NIST-standardized post-quantum algorithms, and what industries need to do right now to prepare.

What It Teaches

The platform breaks down complex topics into clear, visual learning paths:

Quantum Computing Fundamentals — What qubits are, how quantum gates work, and why quantum computers are fundamentally different from classical ones. No physics degree required.
The Encryption Problem — Why the encryption protecting your banking, medical records, and national security today could be broken by quantum computers. Real scenarios, not hypotheticals.
Post-Quantum Cryptography — The new NIST-standardized algorithms (Kyber, Dilithium, SPHINCS+, FALCON) explained in plain language — what they do, how they work, and why they matter.
The Threat Timeline — An interactive timeline showing where quantum computing is today, when current encryption becomes vulnerable, and what the "Harvest Now, Decrypt Later" attack means for data being collected right now.
Who's at Risk — How quantum advancements affect different industries: finance, healthcare, government, and everyday internet users.

What Makes It Different

Most quantum education is either a dense research paper or a clickbait headline. This platform sits in the middle:

Visual-first learning — Animated lattice visualizations, interactive timelines, and progress-based reveals that make abstract concepts tangible
Two learning tracks — Non-technical visitors get the "why should I care" version. Technical visitors can dive deeper into algorithm specifics and implementation details
Real urgency, not hype — Grounded in actual NIST standards and published research, not speculation about when quantum computers will "break the internet"

Technical Details

Built with Next.js and TypeScript. The animated lattice canvas uses raw HTML5 Canvas API for performant particle simulation without heavy libraries. Framer Motion handles scroll-triggered animations. The design system uses a cyberpunk-inspired palette (deep navy, neon cyan/purple) with glassmorphism cards and CRT scan-line effects to reinforce the high-tech subject matter. Fully responsive and accessibility-conscious with prefers-reduced-motion support.

ASCII Hub

Weightless