Tugas 3: Rancang Bangun Aplikasi Web Fullstack Terintegrasi: Django REST Framework dan Svelte

Tugas 3: Rancang Bangun Aplikasi Web Fullstack Terintegrasi: Django REST Framework dan Svelte

Pengembangan aplikasi web modern decoupled fullstack yang memadukan keandalan Django REST Framework (DRF) sebagai penyedia API data backend dengan reaktivitas tinggi antarmuka Svelte di sisi frontend.

1. Arsitektur Terpisah (Decoupled Fullstack Architecture)

• Backend (Django REST Framework):
  • Model ORM mendefinisikan relasi antar tabel dengan migrasi skema otomatis.
  • ModelSerializer menangani serialisasi objek Python ke JSON dan validasi masukan form.
  • ViewSets dan DefaultRouter mengotomatisasi rute URL RESTful berstandar CRUD.
  • Middleware CORS (Cross-Origin Resource Sharing) dikonfigurasi untuk mengamankan komunikasi antar domain localhost.
• Frontend (Svelte):
  • Komponen reaktif berbasis state terisolasi (reactive declarations $:).
  • Store Svelte terpusat (writable, derived) untuk sinkronisasi state data global.
  • Komunikasi asinkron menggunakan modern Fetch API untuk sinkronisasi data real-time dengan backend.

2. Fitur Aplikasi Terintegrasi

1. Manajemen inventaris data dinamis dengan operasi Create, Read, Update, Delete secara instan.
2. Tampilan antarmuka responsif dengan transisi animasi halus berbasis komponen Svelte.
3. Notifikasi toast interaktif dan penanganan galat jaringan (network error boundary) secara graceful.

3. Berkas Tugas Terlampir

• Paket kode aplikasi lengkap: django-svelte-fullstack.zip yang telah dibersihkan dari direktori node_modules, build cache, dan virtual environments, memuat seluruh kode backend Django dan frontend Svelte.