Kembali ke Jelajah
TRPL Angkatan 2026

karya laravel + livewire

03 November 2026
7 x dilihat
0 suka

Tentang Portofolio Ini

Ketiga gambar tersebut menampilkan sistem panel admin atau Content Management System (CMS) untuk sebuah blog yang dikembangkan menggunakan framework Laravel (terlihat dari logo di menu samping). Sistem ini mengusung desain antarmuka bertema gelap (dark mode) yang terlihat modern dan rapi. Panel admin ini memiliki fitur-fitur esensial seperti halaman autentikasi (login), dasbor analitik untuk memantau performa blog, serta halaman manajemen pengguna dan hak akses (roles).

Dokumentasi & Alur Fitur

Total 1 bagian
Bagian 1
Dokumentasi Bagian 1

1. Halaman Log in (Autentikasi)

  • Halaman ini menampilkan antarmuka untuk masuk ke dalam sistem, dengan judul "Log in to your account" dan instruksi "Enter your email and password below to log in".
  • Terdapat dua kolom isian utama, yaitu "Email address" dan "Password". Kolom password dilengkapi dengan ikon mata untuk menampilkan atau menyembunyikan karakter sandi.
  • Halaman ini menyediakan tautan "Forgot your password?" untuk pemulihan sandi, serta kotak centang "Remember me" agar sesi login tetap tersimpan.
  • Tombol aksi utama adalah tombol putih bertuliskan "Log in", dan di bagian paling bawah terdapat tautan "Sign up" bagi pengguna yang belum memiliki akun.

2. Halaman Dashboard Analytics

  • Halaman ini adalah pusat pemantauan performa dengan judul "Dashboard Analytics" dan subjudul "Ringkasan performa dan metrik blog Anda".
  • Menu Samping (Sidebar): Menampilkan logo "Laravel" di sudut kiri atas. Terdapat kategori "Platform" yang membawahi menu "Dashboard", "Posts", dan "Users". Di bagian bawah sidebar terdapat tautan ke "Repository", "Documentation", serta profil pengguna yang sedang login yaitu "Admin Utama".
  • Di sudut kanan atas layar utama, terdapat tautan akses cepat "Lihat Blog" dan "Kelola Artikel".
  • Kartu Metrik: Menampilkan empat ringkasan data statistik, yaitu "TOTAL ARTIKEL" (3), "TOTAL VIEWS" (4 dengan angka hijau), "TOTAL KOMENTAR" (0 dengan angka biru), dan "TOTAL PENGGUNA" (7 dengan angka ungu).
  • Grafik & Data: Bagian bawah memuat grafik garis "Tren Views (7 Hari Terakhir)" yang menunjukkan lonjakan views pada tanggal 01 Nov. Di sebelahnya terdapat tabel "Artikel Terpopuler" yang menampilkan daftar judul artikel beserta jumlah penontonnya.

3. Halaman Users (Manajemen Pengguna)

  • Halaman ini digunakan untuk mengelola akun pengguna, ditandai dengan judul "Users" dan keterangan "Manage user accounts and role assignments".
  • Di pojok kanan atas, terdapat tombol "+ NEW USER" untuk menambahkan pengguna baru ke dalam sistem.
  • Terdapat bilah pencarian "Search users by name or email..." yang disandingkan dengan filter dropdown "All Roles" untuk memudahkan pencarian data pengguna.
  • Tabel Pengguna: Data disajikan dalam bentuk tabel dengan kolom "USER" (menampilkan nama dan email), "ROLES" (peran pengguna), "JOINED" (tanggal bergabung), dan "ACTIONS" (tindakan).
  • Daftar Peran (Roles): Tabel ini memperlihatkan sistem multi-peran yang diwarnai berbeda, mencakup Admin (merah), Editor (ungu), Author (oranye), dan Subscriber (putih). Semua pengguna memiliki opsi aksi "Edit" dan "Delete", kecuali akun "Admin Utama (You)" yang hanya memiliki opsi "Edit" untuk mencegah penghapusan akun sendiri.
Fullscreen Preview