back to portfolio

CryptoTree

Interactive mind-map of the blockchain ecosystem — 12 pillars, fully navigable.

Problem

Crypto education is fragmented. Learners jump between L2s, MEV, oracles, governance — without seeing how it all connects.

Mechanism

A 12-pillar mind-map (Cryptography, DeFi, MEV, L2s, Governance, …) where every node is explorable and progress is tracked.

Outcome

Pick any pillar, drill into sub-topics, mark concepts as learned. A structured map of Web3, not a flat reading list.

How it works

01Pick a pillar

Choose any of the 12 top-level domains.

02Drill in

Each pillar opens a sub-graph of concepts.

03Mark learned

Track 'X / Y learned' per branch as you go.

04Cross-link

See how MEV connects to L2s, oracles to AMMs, etc.

Stack

ReactInteractive graph UIKeyboard navigationProgress tracking

Try it

  1. 01Open the live site — no signup, no wallet.
  2. 02Click any of the 12 pillar cards on the home view.
  3. 03Use arrow keys / Enter to navigate, Space to mark a concept learned.
  4. 04Use the search to jump to any topic by name.
Live demo GitHub