Mindmaps

Editable mindmaps of systems, frameworks, and architectures. Explore branching explanations of the internet, OAuth, business models, microservices, CI/CD, and more.

Web, security and APIs

  • How the Internet Works: an editable mindmap — Explore How the Internet Works as an editable mindmap. Follow color-coded branches for Browser & URL, DNS, Network journey, Web server, Rendering, with supporting ideas and curved connections.
  • How DNS Works: an editable mindmap — Explore How DNS Works as an editable mindmap. Follow color-coded branches for Browser & name, Resolver cache, Delegation, Answer, with supporting ideas and curved connections.
  • How HTTPS Works: an editable mindmap — Explore How HTTPS Works as an editable mindmap. Follow color-coded branches for Browser hello, Server identity, Session keys, Encrypted traffic, with supporting ideas and curved connections.
  • How OAuth Works: an editable mindmap — Explore How OAuth Works as an editable mindmap. Follow color-coded branches for User consent, Redirect & code, Token exchange, Resource access, with supporting ideas and curved connections.
  • How JWT Authentication Works: an editable mindmap — Explore How JWT Authentication Works as an editable mindmap. Follow color-coded branches for Sign in, Build token, Client carries JWT, Verify, Authorize or reject, with supporting ideas and curved connections.
  • How REST APIs Work: an editable mindmap — Explore How REST APIs Work as an editable mindmap. Follow color-coded branches for Request, Routing, Business logic, Response, Errors, with supporting ideas and curved connections.
  • User Authentication Flow: an editable mindmap — Explore User Authentication Flow as an editable mindmap. Follow color-coded branches for Register, Sign in, Session, Protected requests, Failure path, with supporting ideas and curved connections.
  • API Request Lifecycle: an editable mindmap — Explore API Request Lifecycle as an editable mindmap. Follow color-coded branches for Find the service, Send request, Application, Return response, with supporting ideas and curved connections.

Dev tools, delivery and data

  • How Docker Works: an editable mindmap — Explore How Docker Works as an editable mindmap. Follow color-coded branches for Describe & build, Image, Container, Host kernel, Portable app, with supporting ideas and curved connections.
  • How Kubernetes Works: an editable mindmap — Explore How Kubernetes Works as an editable mindmap. Follow color-coded branches for Desired state, Scheduling, Worker nodes, Reconciliation, with supporting ideas and curved connections.
  • How Git Works: an editable mindmap — Explore How Git Works as an editable mindmap. Follow color-coded branches for Working tree, Stage, Commit history, Share, Resolve conflicts, with supporting ideas and curved connections.
  • CI/CD Pipeline: an editable mindmap — Explore CI/CD Pipeline as an editable mindmap. Follow color-coded branches for Commit & build, Verify, Package, Release, Observe & recover, with supporting ideas and curved connections.
  • Cloud Deployment Architecture: an editable mindmap — Explore Cloud Deployment Architecture as an editable mindmap. Follow color-coded branches for Users & edge, Traffic routing, Application, Data, Resilience, with supporting ideas and curved connections.
  • Data Pipeline Architecture: an editable mindmap — Explore Data Pipeline Architecture as an editable mindmap. Follow color-coded branches for Sources, Ingest, Transform, Store, Use insights, with supporting ideas and curved connections.
  • How Large Language Models Work: an editable mindmap — Explore How Large Language Models Work as an editable mindmap. Follow color-coded branches for Training, Tokenize, Attention, Generate, Output, with supporting ideas and curved connections.

Software architecture

  • Microservices Architecture: an editable mindmap — Explore Microservices Architecture as an editable mindmap. Follow color-coded branches for Clients & gateway, Independent services, Messaging, Owned data, Observability, with supporting ideas and curved connections.
  • Monolithic Architecture: an editable mindmap — Explore Monolithic Architecture as an editable mindmap. Follow color-coded branches for Client request, One application, Shared database, Scaling tradeoff, with supporting ideas and curved connections.
  • Event-Driven Architecture: an editable mindmap — Explore Event-Driven Architecture as an editable mindmap. Follow color-coded branches for Producers, Event bus, Consumers, Event history, with supporting ideas and curved connections.
  • Model-View-Controller (MVC): an editable mindmap — Explore Model-View-Controller (MVC) as an editable mindmap. Follow color-coded branches for User input, Controller, Model, View, with supporting ideas and curved connections.
  • Clean Architecture: an editable mindmap — Explore Clean Architecture as an editable mindmap. Follow color-coded branches for Business core, Use cases, Adapters, Frameworks, with supporting ideas and curved connections.

Business strategy and customers

  • Business Model Canvas: an editable mindmap — Explore Business Model Canvas as an editable mindmap. Follow color-coded branches for Value proposition, Customers, Operations, Economics, with supporting ideas and curved connections.
  • Lean Canvas: an editable mindmap — Explore Lean Canvas as an editable mindmap. Follow color-coded branches for Problem & solution, Distinctive value, Reach customers, Measure, Economics, with supporting ideas and curved connections.
  • Customer Journey Map: an editable mindmap — Explore Customer Journey Map as an editable mindmap. Follow color-coded branches for Discover, Evaluate, Purchase, Onboard, Use & renew, with supporting ideas and curved connections.
  • SWOT Analysis: an editable mindmap — Explore SWOT Analysis as an editable mindmap. Follow color-coded branches for Strengths, Weaknesses, Opportunities, Threats, with supporting ideas and curved connections.
  • Porter's Five Forces: an editable mindmap — Explore Porter's Five Forces as an editable mindmap. Follow color-coded branches for New entrants, Suppliers, Buyers, Substitutes, Rivalry, with supporting ideas and curved connections.
  • Value Chain Analysis: an editable mindmap — Explore Value Chain Analysis as an editable mindmap. Follow color-coded branches for Inbound & operations, Outbound & sales, Service, Support activities, Margin, with supporting ideas and curved connections.
  • OKR Planning Framework: an editable mindmap — Explore OKR Planning Framework as an editable mindmap. Follow color-coded branches for Company direction, Team alignment, Individual contribution, Review cadence, with supporting ideas and curved connections.

Product and agile delivery

  • Product Development Lifecycle: an editable mindmap — Explore Product Development Lifecycle as an editable mindmap. Follow color-coded branches for Discover, Design & validate, Build & test, Launch, Learn, with supporting ideas and curved connections.
  • Scrum Framework: an editable mindmap — Explore Scrum Framework as an editable mindmap. Follow color-coded branches for Product backlog, Sprint planning, Daily delivery, Review, Reflect & repeat, with supporting ideas and curved connections.
  • Agile Workflow: an editable mindmap — Explore Agile Workflow as an editable mindmap. Follow color-coded branches for Backlog, Plan the sprint, Build together, Inspect, Adapt & release, with supporting ideas and curved connections.