Semua karya

2026

Sekuntum Melati

Pembaruan web app dan dashboard admin

Periode
Jul 2026
Stack
Vue, Vite, Chart.js, BEM CSS
Tautan
sekuntummelati.com

Ikhtisar

Sekuntum Melati menjalankan situs anggota dan dashboard admin, keduanya dengan Vue. Saya memperbarui kedua aplikasi itu di atas codebase yang sudah ada.

Sorotan

  • Styling. Memindahkan situs anggota dari utility Tailwind inline ke CSS variable dan komponen BEM.
  • Desain ulang. Tata letak baru untuk banner, Daily Quest, acara mendatang, dan profil, halaman acara yang didesain ulang, serta jumlah tayangan di artikel.
  • Error dan loading. Bagian yang gagal dimuat menampilkan pesan error di tempat dengan tombol coba lagi, bukan alert browser, serta skeleton loader selama dimuat.
  • Pratinjau tautan. Tautan berbagi artikel melewati layanan pratinjau di share.sekuntummelati.com yang menyajikan tag Open Graph untuk crawler, dengan gambar terkompresi di bawah 100KB, sehingga aplikasi client-side tetap mendapat pratinjau yang lengkap.
  • Mobile. Memperbaiki crash dan redirect loop di Safari mobile, serta menata ulang tipografi, spasi, dan tata letak untuk layar kecil.
  • Dashboard. Menyesuaikan tampilan dashboard admin dengan situs, dengan statistik Chart.js yang tidak lagi meluber di ponsel.