[Architecture] Folder Structure

[reboottime]

For Turbo Repository

📂 project
┣ 📂 apps
┃ ┣ 📂 web
┃ ┃ ┣ 📂 src
┃ ┃ ┃ ┗ 📂 ...
┃ ┃ ┣ 📜 package.json
┃ ┃ ┗ 📜 turbo.json
┃ ┣ 📂 mobile
┃ ┃ ┣ 📂 src
┃ ┃ ┃ ┗ 📂 ...
┃ ┃ ┣ 📜 package.json
┃ ┃ ┗ 📜 turbo.json
┃ ┗ 📂 backend
┃   ┣ 📂 src
┃   ┃ ┣ 📂 controllers
┃   ┃ ┣ 📂 services
┃   ┃ ┣ 📂 models
┃   ┃ ┗ 📜 index.ts
┃   ┣ 📜 package.json
┃   ┗ 📜 turbo.json
┣ 📂 packages
┃ ┣ 📂 ui
┃ ┃ ┣ 📂 src
┃ ┃ ┃ ┗ 📂 ...
┃ ┃ ┣ 📜 package.json
┃ ┃ ┗ 📜 turbo.json
┃ ┣ 📂 utils
┃ ┃ ┣ 📂 src
┃ ┃ ┃ ┗ 📂 ...
┃ ┃ ┣ 📜 package.json
┃ ┃ ┗ 📜 turbo.json
┃ ┗ 📂 types
┃   ┣ 📂 src
┃   ┃ ┣ 📜 user.ts
┃   ┃ ┣ 📜 product.ts
┃   ┃ ┗ 📜 index.ts
┃   ┣ 📜 package.json
┃   ┗ 📜 turbo.json
┣ 📜 package.json
┗ 📜 turbo.json

[reboottime]

For Monolithic Repository

Take a CMS management system as an exmaple

📂 app
 ┣ 📂 node_modules
 ┣ 📂 public
 ┣ 📂 src
 ┃ ┣ 📂 @types
 ┃ ┣ 📂 common
 ┃ ┃ ┣ 📂 services
 ┃ ┃ ┣ 📂 assets
 ┃ ┃ ┣ 📂 hooks
 ┃ ┃ ┣ 📂 components
 ┃ ┃ ┗ 📂 utils
 ┃ ┣ 📂 pages
 ┃ ┃ ┣ 📂 account-manager
 ┃ ┃ ┣ 📂 dashboard
 ┃ ┃ ┣ 📂 main
 ┃ ┃ ┣ 📂 posts
 ┃ ┃ ┣ 📂 profile
 ┃ ┃ ┣ 📂 settings
 ┃ ┃ ┃ ┣ 📂 components
 ┃ ┃ ┃ ┣ 📂 utils
 ┃ ┃ ┃ ┣ 📂 services
 ┃ ┃ ┃ ┣ 📂 hooks
 ┃ ┃ ┃ ┣ 📜 settings-page.tsx
 ┃ ┃ ┃ ┗ 📜 index.ts
 ┃ ┃ ┣ 📂 sign-in
 ┃ ┃ ┗ 📂 sign-up
 ┃ ┣ 📂 setup
 ┃ ┃ ┣ 📜 global.css
 ┃ ┃ ┣ 📜 app.tsx
 ┃ ┃ ┗ 📜 routes.tsx
 ┃ ┗ 📜 index.ts