# Project Structure

## Back-end

<figure><img src="https://3539684561-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfhNu0mR6mU1X8iLpj3DO%2Fuploads%2FX0O10OdY6IYWAf68RawA%2FUntitled-2024-09-29-2101.png?alt=media&#x26;token=827ce9ed-e3de-4446-ba4d-8e4c452de7c4" alt=""><figcaption><p>Figure: Back-end Architecture Overview</p></figcaption></figure>

👉 [<mark style="color:blue;">Click here for reference</mark>](https://merlino.agency/blog/clean-architecture-in-express-js-applications)&#x20;

## Front-end

<figure><img src="https://3539684561-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfhNu0mR6mU1X8iLpj3DO%2Fuploads%2F6mZbzbzvQyX1LdRpeqaF%2FUntitled-2024-09-29-2101.png?alt=media&#x26;token=349451b4-282e-4af3-89b4-74a59ffb92f3" alt=""><figcaption><p>Figure: Front-end Architecture Overview</p></figcaption></figure>

👉 [<mark style="color:blue;">Click here for reference</mark>](https://www.youtube.com/watch?v=t5-J9BGokTU\&t=11s)
