{
  "id": "stack-profile:offline-first-mobile",
  "_kind": "StackProfile",
  "_file": "domain/stack-profiles/deep-stacks-7.yaml",
  "_cluster": "domain",
  "attributes": {
    "displayName": "Offline-First Mobile (TypeScript, React, Docker backend)",
    "description": "A mobile application architected for offline-first operation, where the\nlocal database is the source of truth and cloud sync happens opportunistically.\nTypeScript and React power the cross-platform UI, with an embedded local\ndatabase storing all user data on-device. A background sync engine\nreconciles local mutations with the server using conflict-free replicated\ndata types (CRDTs) or last-write-wins strategies. The Docker-hosted\nbackend provides REST APIs for sync, authentication, and push notifications.\nZustand manages UI state while the sync engine handles persistence state.\nThe tradeoff is the significant complexity of conflict resolution and\nthe need to test extensively under intermittent connectivity, but the\nresult is an app that works reliably in low-connectivity environments\nlike field operations or developing regions.\n",
    "composes": [
      "language:typescript",
      "framework:react",
      "library:zustand",
      "library:zod",
      "library:express",
      "library:ioredis",
      "tool:docker",
      "tool:docker-compose"
    ]
  },
  "outgoingEdges": [
    {
      "from": "stack-profile:offline-first-mobile",
      "to": "language:typescript",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:offline-first-mobile",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:offline-first-mobile",
      "to": "library:zustand",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:offline-first-mobile",
      "to": "library:zod",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:offline-first-mobile",
      "to": "library:express",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:offline-first-mobile",
      "to": "library:ioredis",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:offline-first-mobile",
      "to": "tool:docker",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:offline-first-mobile",
      "to": "tool:docker-compose",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:offline-first-mobile",
      "to": "role:mobile-engineer",
      "kind": "used_by_role"
    },
    {
      "from": "stack-profile:offline-first-mobile",
      "to": "role:fullstack-engineer",
      "kind": "used_by_role"
    },
    {
      "from": "stack-profile:offline-first-mobile",
      "to": "workflow:mobile-release-train",
      "kind": "follows_workflow"
    },
    {
      "from": "stack-profile:offline-first-mobile",
      "to": "workflow:feature-development",
      "kind": "follows_workflow"
    },
    {
      "from": "stack-profile:offline-first-mobile",
      "to": "domain:mobile",
      "kind": "applies_to"
    },
    {
      "from": "stack-profile:offline-first-mobile",
      "to": "domain:fullstack",
      "kind": "applies_to"
    },
    {
      "from": "stack-profile:offline-first-mobile",
      "to": "skill-area:mobile-offline-sync",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:offline-first-mobile",
      "to": "skill-area:mobile-local-databases",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:offline-first-mobile",
      "to": "skill-area:mobile-state-management",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:offline-first-mobile",
      "to": "skill-area:react-native-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:offline-first-mobile",
      "to": "skill-area:backend-api-design",
      "kind": "requires_skill_area"
    }
  ],
  "incomingEdges": []
}