# 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" %}
