Project Akhir Web: Platform Topup Voucher Game Online

Proyek Akhir Web: Platform E-Commerce Top-Up Voucher Game Online Responsif

Pengembangan proyek akhir semester mata kuliah Dasar Pemrograman Web yang merancang dan membangun platform antarmuka web e-commerce interaktif untuk layanan isi ulang (top-up) voucher game digital (Mobile Legends, Free Fire, PUBG Mobile, Valorant, Genshin Impact).

1. Arsitektur Kode dan Pemisahan Style Modular

Struktur kode proyek dirancang secara modular dengan memisahkan fungsi stylesheet ke dalam berkas-berkas terdedikasi:

• global.css: Mengatur reset CSS, variabel warna tema gelap modern (dark mode palette), tipografi Google Fonts Inter, dan utility class tata letak.
• home.css: Menata carousel banner promosi, section pengumuman turnamen, bilah navigasi responsif, dan footer informasi layanan.
• listGame.css: Mengelola kartu katalog produk game (product cards), grid nominal diamond, input User ID akun game, serta metode pembayaran otomatis (QRIS, E-Wallet, Virtual Account).

2. Fitur Antarmuka & Optimasi User Experience (UX)

• Desain Responsif Penuh: Tata letak berbasis Flexbox dan CSS Grid yang mulus di perangkat mobile dan desktop.
• Mikro-Interaksi: Efek transisi halus saat tombol disentuh (hover & active states), penandaan kartu item yang dipilih (selected indicator), dan validasi visual instan.
• Zero External Dependencies: Seluruh antarmuka dibangun menggunakan HTML5 dan CSS3 murni tanpa bergantung pada framework pihak ketiga, menjamin kecepatan muat (loading speed) yang optimal.

3. Paket Kode Sumber

• Seluruh kode proyek, ikon aset, dan gambar telah dipaketkan ke dalam berkas arsip project-akhir-topup-game.zip yang siap diunduh dan dijalankan pada peramban web apa pun.