> For the complete documentation index, see [llms.txt](https://abdulrahman-1.gitbook.io/my-digital-garden/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://abdulrahman-1.gitbook.io/my-digital-garden/level-2-system-design/step-3-high-level-component-design.md).

# Step 3 : High-Level component design

Draw high level components and the connections between them

**You may use** :thumbsup:

{% embed url="<https://whimsical.com/>" %}

&#x20;**What are high level components ?**

* Database tier
* Application server
* Third-party services&#x20;
* Clients
  * Mobile
  * Web
  * IOT device...
* Cache
* CDN
* Message Queues&#x20;

## This lecture covers all the basics you need&#x20;

{% embed url="<https://www.youtube.com/watch?ab_channel=JorgeScott&t=2295s&v=-W9F__D3oY4>" %}