Catkuji

Aplikasi Catkuji untuk menjelajahi katalog event kuji, mengikuti proses undian hadiah, dan mengelola koleksi dalam satu akun. Pengguna dapat melihat pilihan hadiah, mengisi saldo, memantau inventori serta transaksi, dan mengajukan pengiriman. Proyek dikembangkan secara lokal dengan Laravel, Vue, dan Inertia.js.

Lihat Kode

Tampilan website

01 / 12

Tentang proyek

Catkuji menghubungkan katalog event, proses kuji, inventori hadiah, dompet, dan pengiriman dalam satu aplikasi. Antarmuka pengguna mencakup autentikasi, detail event, hasil hadiah, serta riwayat transaksi, sementara panel administrasi mendukung pengelolaan katalog dan pesanan. Integrasi pembayaran, pengiriman, dan login sosial memerlukan konfigurasi layanan masing-masing.

Fitur utama

Katalog & proses kuji

Menampilkan event, daftar hadiah, token, serta alur undian dan tampilan hasil hadiah.

Dompet & transaksi

Menyediakan saldo pengguna, riwayat transaksi, serta integrasi pembayaran Midtrans untuk proses top up.

Inventori & pengiriman

Mengelola hadiah dalam inventori dan permintaan pengiriman dengan integrasi Biteship.

Akun & administrasi

Mendukung registrasi, verifikasi OTP email, opsi login sosial, serta administrasi produk, kategori, pengguna, pembayaran, dan pesanan.

Teknologi & komponen

Bagian utama yang menyusun website dan fungsi masing-masing.

Laravel 12 / PHP: Menangani logika aplikasi, autentikasi, pengelolaan data, serta integrasi layanan.
Vue 3 / Inertia.js 2: Membangun antarmuka reaktif yang terhubung dengan backend Laravel.
Tailwind CSS / Vite 7: Mengatur tampilan responsif serta proses pengembangan dan build frontend.
MySQL: Menyimpan data akun, katalog, inventori, saldo, transaksi, dan pengiriman.
Midtrans / Biteship / Socialite: Mendukung integrasi pembayaran, pengiriman, dan login sosial dengan konfigurasi layanan terkait.