Sebuah aplikasi web portal berita responsif dan modern yang dibangun menggunakan PHP Native dan MySQL, dengan antarmuka pengguna (UI) kelas premium berbasis Tailwind CSS. Aplikasi ini dirancang untuk memberikan pengalaman membaca berita yang bersih, cepat, dan intuitif.
Fitur Utama
UI/UX Modern: Desain antarmuka yang bersih dengan palet warna Indigo-Slate, sudut membulat (rounded), dan tipografi yang elegan.
Sistem Pencarian Cerdas: Pencarian berita secara real-time berdasarkan judul dan isi berita dengan fitur empty state yang informatif.
Kategori Berita: Pengelompokan berita berdasarkan kategori untuk navigasi yang lebih mudah.
Pagination: Sistem pembagian halaman otomatis untuk mempercepat waktu pemuatan data.
Responsive Design: Tampilan yang adaptif di berbagai perangkat mulai dari Smartphone, Tablet, hingga Desktop.
Statistik View: Pelacakan jumlah pembaca pada setiap artikel secara otomatis.
Breadcrumbs: Navigasi hirarkis untuk memudahkan pengguna melacak posisi mereka di dalam situs.
Integrasi Lucide Icons: Menggunakan set ikon vektor modern untuk elemen navigasi dan informasi.
Teknologi yang Digunakan
Bahasa Pemrograman: PHP (Native)
Database: MySQL (MariaDB)
Styling: Tailwind CSS (via CDN)
Ikon: Lucide React / Lucide Icons
Tipografi: Inter (via Google Fonts)
Struktur File
File utama sebagai pengatur alur (routing) aplikasi.
Menangani logika pencarian dan tampilan hasil cari.
Menampilkan isi lengkap berita (artikel tunggal).
Pengaturan koneksi database.
Folder untuk menyimpan aset gambar berita.
Cara Instalasi
Download:
Download aplikasi dan extract file zipSetup Database:
Impor file SQL (jika disediakan) ke MySQL melalui phpMyAdmin.
Sesuaikan konfigurasi database di file
config/koneksi.php.
Konfigurasi Web Server:
Pindahkan folder proyek ke
htdocs(XAMPP) atauwww(Laragon).
Akses di Browser:
Buka
localhost/berita.
Tampilan Aplikasi
Halaman depan dengan grid berita yang estetik.
Halaman hasil pencarian dengan fitur navigasi pagination.
Catatan: Proyek ini sangat cocok bagi mahasiswa atau pengembang pemula yang ingin mempelajari integrasi PHP Native dengan framework CSS modern seperti Tailwind.