Architecture diagrams of a popular app

Architecture diagrams are an important way to illustrate how an application works. There are lots of different kinds! Some show how classes in an OOP design connect to one another, others show the sequence of actions a process performs over time, and yet others show how logical components interact. We'll see more example in the videos for next week.

For this class exercise, pick a popular application (Instagram, TikTok, Google Search, etc.), then create a diagram of how you imagine it works behind the scenes (like what data is sent from where, what components in the application talk to each other, etc.). The diagram should give someone an idea of what they would need to program to make a similar application. I'm leaving these purposely vague for now. You can draw these by hand and take a picture, or use a product like diagrams.net Links to an external site. (used to be draw.io). Be sure to label components and actions to increase clarity and include arrows/lines when it's helpful.

Upload your diagram here.