7. Struktur Direktori Proyek
Gunakan komponen ini untuk menjelaskan struktur folder kode sumber proyek Anda:
📁 wa-api-gateway/
├── 📁 src/
│ ├── 📁 controllers/ # Controller pengiriman pesan & autentikasi
│ │ ├── 📄 authController.js
│ │ └── 📄 messageController.js
│ ├── 📁 routes/ # Endpoint API Express
│ │ └── 📄 api.js
│ └── 📄 server.js # Entry point utama
├── 📁 public/ # Aset frontend dashboard
├── 📄 .env.example # Contoh konfigurasi
├── 📄 package.json # Dependensi proyek
└── 📄 README.md # Dokumentasi ringkas
├── 📁 src/
│ ├── 📁 controllers/ # Controller pengiriman pesan & autentikasi
│ │ ├── 📄 authController.js
│ │ └── 📄 messageController.js
│ ├── 📁 routes/ # Endpoint API Express
│ │ └── 📄 api.js
│ └── 📄 server.js # Entry point utama
├── 📁 public/ # Aset frontend dashboard
├── 📄 .env.example # Contoh konfigurasi
├── 📄 package.json # Dependensi proyek
└── 📄 README.md # Dokumentasi ringkas
HTML
<div class="file-tree">
<span class="folder">📁 wa-api-gateway/</span><br/>
├── <span class="folder">📁 src/</span><br/>
│ ├── <span class="folder">📁 controllers/</span> <span class="comment"># Controller pengiriman pesan & autentikasi</span><br/>
│ │ ├── <span class="file">📄 authController.js</span><br/>
│ │ └── <span class="file">📄 messageController.js</span><br/>
│ ├── <span class="folder">📁 routes/</span> <span class="comment"># Endpoint API Express</span><br/>
│ │ └── <span class="file">📄 api.js</span><br/>
│ └── <span class="file">📄 server.js</span> <span class="comment"># Entry point utama</span><br/>
├── <span class="folder">📁 public/</span> <span class="comment"># Aset frontend dashboard</span><br/>
├── <span class="file">📄 .env.example</span> <span class="comment"># Contoh konfigurasi</span><br/>
├── <span class="file">📄 package.json</span> <span class="comment"># Dependensi proyek</span><br/>
└── <span class="file">📄 README.md</span> <span class="comment"># Dokumentasi ringkas</span>
</div>