{"type":"excalidraw","version":2,"source":"https://AwesomeSystemDesign.dev","elements":[{"angle":0,"strokeColor":"#6577aa","backgroundColor":"#eef1fc","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.7,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-1"],"frameId":null,"roundness":null,"boundElements":[{"type":"text","id":"shape-1"},{"type":"arrow","id":"shape-8"}],"updated":0,"link":null,"locked":false,"id":"shape-0","type":"rectangle","seed":41,"x":74.99516,"y":32.00000000000001,"width":192,"height":82.80000000000001,"customData":{"revealStep":1}},{"angle":0,"strokeColor":"#394557","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.7,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-1"],"frameId":null,"roundness":null,"boundElements":null,"updated":0,"link":null,"locked":false,"id":"shape-1","type":"text","seed":114,"x":94.99516,"y":50.000000000000014,"width":152,"height":46.800000000000004,"fontSize":18,"fontFamily":1,"text":"Event\n\"celeb posts\"","originalText":"Event\n\"celeb posts\"","textAlign":"center","verticalAlign":"middle","containerId":"shape-0","lineHeight":1.3,"autoResize":false,"customData":{"revealStep":1}},{"angle":0,"strokeColor":"#7c899d","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.4,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-2"],"frameId":null,"roundness":null,"boundElements":null,"updated":0,"link":null,"locked":false,"id":"shape-8","type":"arrow","seed":625,"x":170.99516,"y":114.80000000000001,"width":0,"height":82,"points":[[0,0],[0,41],[0,82]],"lastCommittedPoint":null,"startBinding":{"elementId":"shape-0","focus":0,"gap":1},"endBinding":{"elementId":"shape-2","focus":0,"gap":1},"startArrowhead":null,"endArrowhead":"arrow","elbowed":false,"customData":{"revealStep":2}},{"angle":0,"strokeColor":"#628572","backgroundColor":"#edf5ee","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.7,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-2"],"frameId":null,"roundness":null,"boundElements":[{"type":"text","id":"shape-3"},{"type":"arrow","id":"shape-8"},{"type":"arrow","id":"shape-9"}],"updated":0,"link":null,"locked":false,"id":"shape-2","type":"rectangle","seed":187,"x":74.99516,"y":196.8,"width":192,"height":199.8,"customData":{"revealStep":2}},{"angle":0,"strokeColor":"#394557","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.7,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-2"],"frameId":null,"roundness":null,"boundElements":null,"updated":0,"link":null,"locked":false,"id":"shape-3","type":"text","seed":260,"x":94.99516,"y":214.8,"width":152,"height":163.8,"fontSize":18,"fontFamily":1,"text":"Fanout\nService\n\nSplit\n50M into\n50K\nchunks","originalText":"Fanout\nService\n\nSplit\n50M into\n50K\nchunks","textAlign":"center","verticalAlign":"middle","containerId":"shape-2","lineHeight":1.3,"autoResize":false,"customData":{"revealStep":2}},{"angle":0,"strokeColor":"#7c899d","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.4,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-3"],"frameId":null,"roundness":null,"boundElements":null,"updated":0,"link":null,"locked":false,"id":"shape-9","type":"arrow","seed":698,"x":170.99516,"y":396.59999999999997,"width":0,"height":82,"points":[[0,0],[0,41.00000000000006],[0,82]],"lastCommittedPoint":null,"startBinding":{"elementId":"shape-2","focus":0,"gap":1},"endBinding":{"elementId":"shape-4","focus":0,"gap":1},"startArrowhead":null,"endArrowhead":"arrow","elbowed":false,"customData":{"revealStep":3}},{"angle":0,"strokeColor":"#a68a53","backgroundColor":"#fff7e6","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.7,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-3"],"frameId":null,"roundness":null,"boundElements":[{"type":"text","id":"shape-5"},{"type":"arrow","id":"shape-9"},{"type":"arrow","id":"shape-10"}],"updated":0,"link":null,"locked":false,"id":"shape-4","type":"rectangle","seed":333,"x":74.99516,"y":478.59999999999997,"width":192,"height":176.4,"customData":{"revealStep":3}},{"angle":0,"strokeColor":"#394557","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.7,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-3"],"frameId":null,"roundness":null,"boundElements":null,"updated":0,"link":null,"locked":false,"id":"shape-5","type":"text","seed":406,"x":94.99516,"y":496.59999999999997,"width":152,"height":140.4,"fontSize":18,"fontFamily":1,"text":"Kafka\npush topic\n\n50K messages\n(1K users\nper msg)","originalText":"Kafka\npush topic\n\n50K messages\n(1K users\nper msg)","textAlign":"center","verticalAlign":"middle","containerId":"shape-4","lineHeight":1.3,"autoResize":false,"customData":{"revealStep":3}},{"angle":0,"strokeColor":"#7c899d","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.4,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-4"],"frameId":null,"roundness":null,"boundElements":null,"updated":0,"link":null,"locked":false,"id":"shape-10","type":"arrow","seed":771,"x":170.99516,"y":655,"width":0,"height":82,"points":[[0,0],[0,41],[0,82]],"lastCommittedPoint":null,"startBinding":{"elementId":"shape-4","focus":0,"gap":1},"endBinding":{"elementId":"shape-6","focus":0,"gap":1},"startArrowhead":null,"endArrowhead":"arrow","elbowed":false,"customData":{"revealStep":4}},{"angle":0,"strokeColor":"#9180ac","backgroundColor":"#f4effb","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.7,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-4"],"frameId":null,"roundness":null,"boundElements":[{"type":"text","id":"shape-7"},{"type":"arrow","id":"shape-10"}],"updated":0,"link":null,"locked":false,"id":"shape-6","type":"rectangle","seed":479,"x":36,"y":737,"width":269.99032,"height":129.60000000000002,"customData":{"revealStep":4}},{"angle":0,"strokeColor":"#394557","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.7,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-4"],"frameId":null,"roundness":null,"boundElements":null,"updated":0,"link":null,"locked":false,"id":"shape-7","type":"text","seed":552,"x":56,"y":755,"width":229.99032,"height":93.60000000000001,"fontSize":18,"fontFamily":1,"text":"Push Workers (100)\nEach processes 1K\nusers\n→ APNs/FCM calls","originalText":"Push Workers (100)\nEach processes 1K\nusers\n→ APNs/FCM calls","textAlign":"center","verticalAlign":"middle","containerId":"shape-6","lineHeight":1.3,"autoResize":false,"customData":{"revealStep":4}},{"angle":0,"strokeColor":"#a68a53","backgroundColor":"#fff7e6","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.7,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-5"],"frameId":null,"roundness":null,"boundElements":[{"type":"text","id":"shape-12"}],"updated":0,"link":null,"locked":false,"id":"shape-11","type":"rectangle","seed":844,"x":36,"y":906.6,"width":544.56,"height":566.4,"customData":{"revealStep":5}},{"angle":0,"strokeColor":"#394557","backgroundColor":"transparent","fillStyle":"solid","strokeWidth":1.5,"strokeStyle":"solid","roughness":0.7,"opacity":100,"version":1,"versionNonce":1,"isDeleted":false,"groupIds":["step-5"],"frameId":null,"roundness":null,"boundElements":null,"updated":0,"link":null,"locked":false,"id":"shape-12","type":"text","seed":917,"x":56,"y":924.6,"width":504.55999999999995,"height":530.4,"fontSize":17,"fontFamily":1,"text":"Fanout-on-Write\n\nWhen event occurs → immediately enqueue one\nnotification\nper recipient into their individual queue.\n\nEvent: \"User A liked User B's photo\"\n\n1. Notification Service receives event\n2. Look up: who needs to be notified? → [User B]\n3. Write notification to User B's feed in DB\n4. Enqueue push to Kafka for User B\n\nFor broadcast (50M followers):\n1. Notification Service receives event\n2. Look up: who follows the celebrity? → [50M users]\n3. Partition follower list into chunks (1000 each)\n4. Enqueue 50K fanout tasks into Kafka\n5. Each worker processes 1 chunk → 1000 notifications\n\n✅ Recipients get notification immediately\n✅ Simple read path (just read user's feed)\n❌ Slow for high-follower accounts (fanout delay)\n❌ Wasteful for inactive users who never check","originalText":"Fanout-on-Write\n\nWhen event occurs → immediately enqueue one\nnotification\nper recipient into their individual queue.\n\nEvent: \"User A liked User B's photo\"\n\n1. Notification Service receives event\n2. Look up: who needs to be notified? → [User B]\n3. Write notification to User B's feed in DB\n4. Enqueue push to Kafka for User B\n\nFor broadcast (50M followers):\n1. Notification Service receives event\n2. Look up: who follows the celebrity? → [50M users]\n3. Partition follower list into chunks (1000 each)\n4. Enqueue 50K fanout tasks into Kafka\n5. Each worker processes 1 chunk → 1000 notifications\n\n✅ Recipients get notification immediately\n✅ Simple read path (just read user's feed)\n❌ Slow for high-follower accounts (fanout delay)\n❌ Wasteful for inactive users who never check","textAlign":"left","verticalAlign":"middle","containerId":"shape-11","lineHeight":1.3,"autoResize":false,"customData":{"revealStep":5}}],"appState":{"viewBackgroundColor":"#fbfbf8","gridSize":null},"files":{}}