{
  "id": "stack-profile:chat-messaging-platform",
  "_kind": "StackProfile",
  "_file": "domain/stack-profiles/deep-stacks-3.yaml",
  "_cluster": "domain",
  "attributes": {
    "displayName": "Chat / Messaging Platform Stack (React, Socket.io, Redis, PostgreSQL, TypeScript)",
    "description": "A real-time chat and messaging platform where low-latency message\ndelivery is the primary design constraint. React provides the client\nwith optimistic UI updates and infinite-scroll message history.\nSocket.io manages persistent WebSocket connections with automatic\nreconnection and room-based routing for channels and direct messages.\nRedis pub/sub enables horizontal scaling across multiple Socket.io\nserver instances, while Redis sorted sets power unread counts and\ntyping indicators. PostgreSQL stores message history, user profiles,\nand channel metadata. Sharp handles image thumbnails for file\nattachments. The primary tradeoff is connection management at scale —\neach concurrent user holds an open WebSocket, so connection limits,\nheartbeats, and graceful reconnection require careful engineering.\n",
    "composes": [
      "framework:react",
      "library:socket-io",
      "library:ioredis",
      "library:prisma",
      "language:typescript",
      "library:sharp",
      "library:zustand"
    ]
  },
  "outgoingEdges": [
    {
      "from": "stack-profile:chat-messaging-platform",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:chat-messaging-platform",
      "to": "library:socket-io",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:chat-messaging-platform",
      "to": "library:ioredis",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:chat-messaging-platform",
      "to": "library:prisma",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:chat-messaging-platform",
      "to": "language:typescript",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:chat-messaging-platform",
      "to": "library:sharp",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:chat-messaging-platform",
      "to": "library:zustand",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:chat-messaging-platform",
      "to": "tool:docker",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:chat-messaging-platform",
      "to": "role:fullstack-engineer",
      "kind": "used_by_role"
    },
    {
      "from": "stack-profile:chat-messaging-platform",
      "to": "role:backend-engineer",
      "kind": "used_by_role"
    },
    {
      "from": "stack-profile:chat-messaging-platform",
      "to": "role:frontend-engineer",
      "kind": "used_by_role"
    },
    {
      "from": "stack-profile:chat-messaging-platform",
      "to": "workflow:feature-development",
      "kind": "follows_workflow"
    },
    {
      "from": "stack-profile:chat-messaging-platform",
      "to": "workflow:backend-performance-profiling",
      "kind": "follows_workflow"
    },
    {
      "from": "stack-profile:chat-messaging-platform",
      "to": "domain:web-development",
      "kind": "applies_to"
    },
    {
      "from": "stack-profile:chat-messaging-platform",
      "to": "domain:software-engineering",
      "kind": "applies_to"
    },
    {
      "from": "stack-profile:chat-messaging-platform",
      "to": "skill-area:websocket-design",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:chat-messaging-platform",
      "to": "skill-area:streaming-realtime-processing",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:chat-messaging-platform",
      "to": "skill-area:caching-strategies",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:chat-messaging-platform",
      "to": "skill-area:frontend-development",
      "kind": "requires_skill_area"
    },
    {
      "from": "stack-profile:chat-messaging-platform",
      "to": "skill-area:backend-api-design",
      "kind": "requires_skill_area"
    }
  ],
  "incomingEdges": []
}