Quick Chat Architecture

Quick Chat Architecture An architecture diagram generated by Archify. Next.js Client · React UI · Zustand · Architecture component Next.js Client React UI · Zustand IndexedDB · Dexie · offline messages · Architecture component IndexedDB Dexie · offline messages Express REST API · Auth · contacts · chat · Architecture component Express REST API Auth · contacts · chat MongoDB · Users · conversations · messages · Architecture component MongoDB Users · conversations · messages Socket.io Server · Relay · receipts · presence · Architecture component Socket.io Server Relay · receipts · presence Redis · Cache · sessions · Pub/Sub · Architecture component Redis Cache · sessions · Pub/Sub BullMQ · Redis-backed jobs · Architecture component BullMQ Redis-backed jobs Chat Worker · Notifications · analytics · Architecture component Chat Worker Notifications · analytics read / write HTTP / REST Socket.io events Prisma ORM cache / sessions optional Redis adapter enqueue jobs process jobs Legend Frontend Backend Database Message bus