Art of Codeartofcode
Lesson 1 of 17

38. Design a Chat App (WhatsApp)

1
The interview prompt
2
38.1 What do you ask first?
3
38.2 How big is this, really?
4
38.3 What are the doors?
5
38.4 What do we store?
6
38.5 What does the whole system look like?
7
38.6 How does the WebSocket gateway work?
8
38.7 How do message IDs and ordering work?
9
38.8 How do delivery and read ticks work?
10
38.9 How does offline delivery work?
11
38.10 How does group chat work?
12
38.11 How does media work?
13
38.12 What would you say in the last five minutes?
14
Score yourself
15
Variations to practise
16
Sources
17
Code lab
38. Design a Chat App (WhatsApp)

The interview prompt

3 min read+10 XP

This chapter is a full interview round, played out step by step. The interviewer's lines are in quotes. At each step you'll see what a strong candidate says, the pushback the interviewer throws, and how to answer it. At the end, grade yourself with the rubric.

How to use this chapter

  1. Read only the prompt below. Then stop.
  2. Set a 45-minute timer and do the whole round yourself, on paper or a whiteboard, out loud. Use the framework from Chapter 1: READ, then Draw, Dive, Defend.
  3. Then read the walkthrough and compare. Score yourself with the rubric at the end.

Chat looks like "send a message, show a message". The interview is about what users notice instantly when it goes wrong: messages out of order, messages twice, messages lost when a phone was offline, and ticks that lie.

The prompt

"Design a chat app like WhatsApp: one-to-one and group messages, delivered in real time, with sent, delivered and read ticks."

Stop here. Start your timer.