Portofolio Website untuk Pengembang Web Full-Stack

Latar Belakang & Studi Kasus

Website ini dikembangkan untuk membangun platform portofolio interaktif yang memamerkan keahlian Full-Stack Web Development. Fokus utamanya adalah menghadirkan navigasi yang cepat, struktur kode yang bersih, serta pengelolaan data proyek secara dinamis.

Fitur Utama

• Showcase Proyek Dinamis: Modul untuk menampilkan daftar proyek secara interaktif, lengkap dengan filter kategori, detail tumpukan teknologi, serta tautan live demo dan repositori kode.
• Sistem Detail Proyek (Case Study Layout): Halaman khusus tiap proyek yang menjelaskan latar belakang, tantangan teknis, arsitektur, dan solusi yang diterapkan.
• Formulir Kontak Terintegrasi: Form pesan yang terhubung langsung ke basis data MySQL melalui API internal, dilengkapi dengan validasi input untuk mencegah spam.
• Dark / Light Mode Toggle: Fitur beralih tema tampilan untuk memberikan kenyamanan ekstra bagi pengguna sesuai preferensi visual mereka.

Hasil & Dampak Proyek

• Performa Tinggi: Meraih skor performa mendekati sempurna pada audit Google Lighthouse berkat arsitektur Next.js yang teroptimasi.
• Skalabilitas Mudah: Penggunaan Prisma ORM mempermudah penambahan fitur baru atau pembaruan skema database di masa mendatang tanpa mengganggu data yang ada.
• Pengalaman Pengguna (UX) Maksimal: Situs dapat diakses secara mulus di berbagai perangkat (Desktop, Tablet, Mobile) dengan waktu respons yang sangat singkat.