How himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol- works
This is a React product landing-page experience for a fictional privacy-focused beverage, with an interactive 3D canister and a locally simulated zero-knowledge proof sandbox. The visitor explores product reveals and specifications, can run the sandbox simulation, and sees proof-log state reflected by the app. The sampled source supports the component wiring and the sandbox’s staged simulation; the README describes setup, not additional product capabilities.
Main entry points: App.tsx Landing experience · ProofSandbox.tsx Sandbox interface · main.tsx React entry · SpecReveal.tsx Product specs
Components 12
Product experience
- React entry
src/main.tsx - Landing experience
src/App.tsx - Product specs
src/components/SpecReveal.tsx
Interactive visuals
- 3D canister
src/components/ThreeCanvas.tsx - Text reveal
src/components/DecryptedText.tsx
Proof sandbox
- Sandbox interface
src/components/ProofSandbox.tsx - Key generation
src/components/ProofSandbox.tsx - Constraint solving
src/components/ProofSandbox.tsx - Proof simulation
src/components/ProofSandbox.tsx - Local verification
src/components/ProofSandbox.tsx - Proof logs
src/components/ProofSandbox.tsx
Other components
- Visitor
Connections 13
- Visitor → React entry: opens app
- React entry → Landing experience: renders
- Landing experience → 3D canister: passes visual state
- Landing experience → Text reveal: renders reveals
- Landing experience → Product specs: renders specs
- Product specs → Text reveal: renders text
- Landing experience → Sandbox interface: renders sandbox
- Sandbox interface → Key generation: starts simulation
- Key generation → Constraint solving: advances stage
- Constraint solving → Proof simulation: advances stage
- Proof simulation → Local verification: marks verified
- Local verification → Proof logs: records result
- Sandbox interface → Landing experience: returns proof log