# himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol- architecture

> Architecture diagram of the GitHub repository himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-28). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-
- Repository: https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-

## Overview

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: [`src/App.tsx`](https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/App.tsx) (Landing experience), [`src/components/ProofSandbox.tsx`](https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/components/ProofSandbox.tsx) (Sandbox interface), [`src/main.tsx`](https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/main.tsx) (React entry), [`src/components/SpecReveal.tsx`](https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/components/SpecReveal.tsx) (Product specs)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_experience["Product experience"]
  node_entry["React entry<br/>[main.tsx]"]
  node_app["Landing experience<br/>[App.tsx]"]
  node_specs["Product specs<br/>[SpecReveal.tsx]"]
end

subgraph group_visuals["Interactive visuals"]
  node_three["3D canister<br/>[ThreeCanvas.tsx]"]
  node_decrypted["Text reveal<br/>[DecryptedText.tsx]"]
end

subgraph group_sandbox["Proof sandbox"]
  node_sandbox["Sandbox interface<br/>[ProofSandbox.tsx]"]
  node_keygen["Key generation<br/>[ProofSandbox.tsx]"]
  node_constraints["Constraint solving<br/>[ProofSandbox.tsx]"]
  node_proof["Proof simulation<br/>[ProofSandbox.tsx]"]
  node_verification["Local verification<br/>[ProofSandbox.tsx]"]
  node_logs["Proof logs<br/>[ProofSandbox.tsx]"]
end

node_visitor(("Visitor"))

node_visitor -->|"opens app"| node_entry
node_entry -->|"renders"| node_app
node_app -->|"passes visual state"| node_three
node_app -->|"renders reveals"| node_decrypted
node_app -->|"renders specs"| node_specs
node_specs -->|"renders text"| node_decrypted
node_app -->|"renders sandbox"| node_sandbox
node_sandbox -->|"starts simulation"| node_keygen
node_keygen -->|"advances stage"| node_constraints
node_constraints -->|"advances stage"| node_proof
node_proof -->|"marks verified"| node_verification
node_verification -->|"records result"| node_logs
node_sandbox -->|"returns proof log"| node_app

click node_entry "https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/main.tsx"
click node_app "https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/App.tsx"
click node_three "https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/components/ThreeCanvas.tsx"
click node_decrypted "https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/components/DecryptedText.tsx"
click node_specs "https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/components/SpecReveal.tsx"
click node_sandbox "https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/components/ProofSandbox.tsx"
click node_keygen "https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/components/ProofSandbox.tsx"
click node_constraints "https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/components/ProofSandbox.tsx"
click node_proof "https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/components/ProofSandbox.tsx"
click node_verification "https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/components/ProofSandbox.tsx"
click node_logs "https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/components/ProofSandbox.tsx"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_entry,node_app,node_specs toneBlue
class node_three,node_decrypted toneAmber
class node_sandbox,node_keygen,node_constraints,node_proof,node_verification,node_logs toneMint
class node_visitor toneIndigo
```

## Components

### Product experience

- [React entry](https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/main.tsx): `src/main.tsx`
- [Landing experience](https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/App.tsx): `src/App.tsx`
- [Product specs](https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/components/SpecReveal.tsx): `src/components/SpecReveal.tsx`

### Interactive visuals

- [3D canister](https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/components/ThreeCanvas.tsx): `src/components/ThreeCanvas.tsx`
- [Text reveal](https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/components/DecryptedText.tsx): `src/components/DecryptedText.tsx`

### Proof sandbox

- [Sandbox interface](https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/components/ProofSandbox.tsx): `src/components/ProofSandbox.tsx`
- [Key generation](https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/components/ProofSandbox.tsx): `src/components/ProofSandbox.tsx`
- [Constraint solving](https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/components/ProofSandbox.tsx): `src/components/ProofSandbox.tsx`
- [Proof simulation](https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/components/ProofSandbox.tsx): `src/components/ProofSandbox.tsx`
- [Local verification](https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/components/ProofSandbox.tsx): `src/components/ProofSandbox.tsx`
- [Proof logs](https://github.com/himanshudangwal16-gemini/zero_knowledge-the-quantum-encryption-protocol-/blob/main/src/components/ProofSandbox.tsx): `src/components/ProofSandbox.tsx`

### Other components

- **Visitor**

## Connections

- 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