barangku-alpine icon indicating copy to clipboard operation
barangku-alpine copied to clipboard

Manajemen Barang Sederhana di Lokal Tanpa Database menggunakan teknologi AlpineJS

Nama dan Fitur

Aplikasi ini bernama BARANGKU => Manajemen Barang Sederhana di Lokal Tanpa Database. Fitur: edit username, edit foto profile/avatar, tambah barang, edit barang, hapus barang, cari barang.

Latar Belakang

Sebagai anak kost yang apatis, saya tidak terlalu memperdulikan barang-barang apa saja yang saya miliki. Sampai suatu hari saya me-laundry pakaian lalu mau mengambil laundryan. Sialnya, pegawai laundry tak kunjung menemukan pakaian saya karena keliru memasang struk/tanda terima. Pegawainya menanyakan pakaian apa saja yang saya laundry? agar dicari secara manual. Saya tidak bisa menjawab karena lupa dan tidak mendatanya. Dari sana lah saya terpikirkan untuk membuat aplikasi untuk mendata barang-barang yang dimiliki. BTW, laundry cucianku akhirnya ketemu berkat ingatan samarku kepada sarung berwarna ungu :hehe:

Teknologi yang digunakan

  1. HTML
  2. TailwindCSS: framework css
  3. AlpineJS: framework js
  4. Persist: plugin AlpineJS untuk bekerja dengan localStorage
  5. Heroicons: icons untuk fungsionalitas website
  6. Icons8.com: icons untuk logo dan ilustrasi kategori barang
  7. dicebear.com: Avatar untur profile

Repo & Demo

Repo: https://github.com/sejutaimpian/barangku-alpine Demo: https://barangku.sampurasun.my.id/

Terima Kasih