Source Code Library
Koleksi project Web & Mobile Apps siap pakai untuk skripsi, tugas akhir, atau project komersial Anda.
Duralux – Template Dashboard Admin yang Modern dan Efisien
Kelola sistem bisnis atau aplikasi Anda dengan lebih mudah menggunakan Duralux, sebuah template dashboard admin yang dirancang untuk memberikan pengalaman manajemen yang cepat, rapi, dan efisien. Template ini membantu developer maupun pemilik bisnis memantau data, statistik, serta berbagai aktivitas sistem melalui tampilan dashboard yang modern dan terstruktur.Duralux hadir dengan desain yang elegan serta antarmuka yang mudah dipahami. Setiap komponen pada dashboard disusun secara rapi sehingga memudahkan pengguna dalam mengakses berbagai fitur penting tanpa harus menghadapi tampilan yang rumit. Dengan dukungan framework Bootstrap 5, template ini juga mampu menyesuaikan tampilan secara otomatis di berbagai ukuran layar, mulai dari desktop, tablet, hingga smartphone.Selain itu, Duralux menyediakan pilihan mode terang dan gelap yang membuat pengguna dapat menyesuaikan tampilan sesuai preferensi mereka. Desainnya yang responsif dan modern menjadikannya cocok digunakan untuk berbagai jenis sistem seperti panel admin aplikasi, dashboard bisnis, sistem manajemen data, maupun aplikasi web berbasis laporan dan statistik.Dengan struktur kode yang bersih serta dokumentasi yang jelas, developer dapat dengan mudah melakukan kustomisasi sesuai kebutuhan proyek. Fitur Utama DuraluxBerikut beberapa fitur yang tersedia pada template dashboard ini:1. Berbasis PHPTemplate ini menggunakan struktur file PHP, sehingga mudah diintegrasikan dengan berbagai sistem backend seperti Laravel, CodeIgniter, maupun sistem PHP custom.2. Dibangun dengan Bootstrap 5Menggunakan framework Bootstrap 5 yang terkenal stabil dan responsif, sehingga tampilan tetap optimal di berbagai perangkat.3. Styling menggunakan SASSMenggunakan SASS (Syntactically Awesome Stylesheets) yang memudahkan developer mengatur warna, layout, dan komponen desain secara lebih fleksibel.4. Menggunakan jQuery TerbaruDidukung oleh jQuery versi terbaru untuk mempermudah pengolahan interaksi halaman serta manipulasi elemen antarmuka.5. Dua Jenis DashboardDuralux menyediakan dua variasi dashboard utama, sehingga pengguna dapat memilih layout yang paling sesuai dengan kebutuhan sistem mereka.6. Mode Light, Dark, dan Box LayoutTemplate ini menyediakan beberapa pilihan tampilan seperti:Light Mode untuk tampilan terangDark Mode untuk tampilan gelap yang lebih nyaman di mataBox Layout untuk tampilan dashboard yang lebih terstruktur7. Banyak Pilihan WarnaTersedia berbagai variasi warna tema yang bisa dipilih untuk menyesuaikan identitas brand atau kebutuhan desain aplikasi.8. Layout ResponsifDuralux dirancang sepenuhnya responsif, sehingga dashboard tetap nyaman digunakan pada berbagai perangkat.9. Font AwesomeMenggunakan Font Awesome yang menyediakan berbagai ikon modern untuk mempercantik tampilan dashboard.10. Dokumentasi LengkapTemplate ini dilengkapi dokumentasi yang jelas, sehingga memudahkan developer saat melakukan instalasi maupun kustomisasi.11. Struktur Kode BersihKode ditulis secara rapi, terstruktur, dan diberi komentar, sehingga mudah dipahami oleh developer lain.12. Standar W3C ValidatedKode yang digunakan telah mengikuti standar W3C, sehingga lebih stabil dan kompatibel dengan berbagai browser.13. Data Table dengan Fitur ExportDuralux mendukung tabel data interaktif dengan fitur ekspor ke berbagai format seperti:CSVExcelPDFCopyPrintFitur ini sangat berguna untuk sistem laporan atau pengolahan data.14. Banyak Pilihan ChartTersedia berbagai grafik dan chart yang dapat digunakan untuk menampilkan statistik atau data analitik secara visual.15. Multi File UploadMendukung fitur upload banyak file sekaligus, cocok untuk sistem yang membutuhkan pengunggahan dokumen atau gambar.16. Data Table InteraktifTabel data dilengkapi dengan fitur pencarian, sorting, dan pagination untuk memudahkan pengelolaan data dalam jumlah besar.17. Google FontsTemplate ini menggunakan Google Fonts sehingga tampilan teks terlihat lebih modern dan profesional.18. Form WizardTersedia fitur Form Wizard, yaitu form bertahap yang memudahkan pengguna mengisi data dalam beberapa langkah.19. Aplikasi ChatDuralux juga menyediakan tampilan aplikasi chat yang bisa digunakan untuk sistem komunikasi internal.20. JavaScript dengan Library jQueryMenggunakan JavaScript yang terintegrasi dengan jQuery untuk meningkatkan interaktivitas dan pengalaman pengguna.KesimpulanDuralux merupakan template dashboard admin yang lengkap dan fleksibel. Dengan desain modern, struktur kode yang rapi, serta banyaknya komponen siap pakai, template ini dapat mempercepat proses pengembangan aplikasi web berbasis dashboard.Template ini sangat cocok digunakan untuk berbagai jenis proyek seperti panel admin aplikasi, sistem manajemen bisnis, dashboard analitik, hingga aplikasi berbasis data yang membutuhkan tampilan profesional dan mudah digunakan.
Website Portofolio Modern Menggunakan React Js
Template Website Portofolio Modern (React JS) adalah website portofolio pribadi yang sepenuhnya responsif dan berkinerja tinggi yang dibangun menggunakan React.js dan ditata dengan CSS modern.Sempurna untuk pengembang, desainer, pekerja lepas, dan para kreatif yang ingin memamerkan karya dan merek pribadi mereka. Templat portofolio ini menggunakan komponen React untuk kustomisasi yang mudah dan menyertakan efek animasi menggunakan Framer Motion untuk pengalaman pengguna yang lancar.Fitur-fiturnya meliputi kode yang bersih, struktur yang ramah SEO, responsif terhadap perangkat seluler, dan tata letak yang menarik secara visual yang dioptimalkan untuk kinerja dan keterlibatan pengguna. Demo : @saideehasanFitur Utama:✔️ Komponen Fungsional React✔️ CSS Modern dan Gaya Tailwind✔️ Animasi Gerak Framer✔️ Desain Responsif Seluler✔️ Struktur yang Dioptimalkan SEO✔️ Mudah Disesuaikan✔️ Performa Cepat✔️ Struktur Folder yang Jelas FiturDibuat dengan React JS (v18+)Komponen fungsional dan React HooksTailwind CSS untuk penataan gaya yang cepat dan modern.Animasi halus menggunakan Framer Motion.Desain Responsif 100% – Berfungsi di semua perangkatStruktur ramah SEOKode yang bersih dan dapat digunakan kembaliPerforma dioptimalkan untuk pemuatan cepat.Kemudahan kustomisasi dengan komponen modular.Desain UI minimalis dan modern.PersyaratanNode.js (versi 18 atau lebih tinggi)Editor kode (Visual Studio Code direkomendasikan)Pengetahuan dasar tentang React.jsKoneksi internet untuk menginstal dependensiInstruksiUnduh dan ekstrak file utama.Buka terminal/command prompt Anda.Arahkan ke folder proyek.Jalankan perintah npm installuntuk menginstal dependensi.Mulai server pengembangan menggunakan npm startatau npm run dev.Sesuaikan konten di dalam folder src/componentsdan src/data.Jalankan npm run builduntuk membuat build yang siap produksi.Lakukan deployment menggunakan Vercel, Netlify, atau penyedia hosting pilihan Anda.
Reservasi dan Pemesanan Meja di Restoran | Kouzina by raisyclutch
Kouzina adalah sistem pemesanan meja yang ramping dan andal, dirancang untuk restoran yang menginginkan keanggunan, fleksibilitas, dan kinerja yang optimal. Dengan tema UI gelap, Kouzina menawarkan reservasi secara real-time, notifikasi SMS/email, dan kontrol admin yang lengkap. Saat pengguna memesan secara online, restoran akan menerima email dan SMS berisi konfirmasi pemesanan beserta nama meja yang dipesan, dan pengguna juga akan mendapatkan salinannya. Catatan: pengguna tidak dapat memesan meja yang sudah dipesan, sistem ini canggih dan tidak mengizinkan pengguna untuk memesan meja yang sudah dipesan. Meja akan dilepaskan setelah 3 jam agar dapat dipesan oleh pengguna lain. Dilengkapi dengan halaman Klien dan halaman Admin untuk mengelola pemesanan. FiturFitur UtamaAntarmuka Pengguna Gelap – Dioptimalkan untuk DesktopReservasi Waktu NyataNotifikasi SMS & EmailSistem Pemblokiran TabelSlot Waktu Kustom & Jam OperasionalDukungan untuk Beberapa Meja & Beberapa BagianPortal Pelanggan + Dasbor Admin, dll.Fitur PelangganPemesanan online dengan ketersediaan waktu nyataProses reservasi bertahapPemilihan area & meja (Bar, Rooftop, dll.)Dukungan pemesanan pesta/acaraAlat konfirmasi dan manajemen email, dll.Fitur AdminDasbor yang amanManajemen meja & reservasi langsungKontrol Bagian/Tabel/Pengguna, dll.InstruksiInstruksi selengkapnya ada di dalam file, halaman dokumentasi lengkap.## InstalasiUnduh fileImpor `booktable.sql` ke database MySQL AndaKonfigurasi `config.php` dengan kredensial database Anda dan ‘admin/config/config.php’Atur server web Anda (Apache/Nginx) untuk mengarah ke direktori proyekAkses panel admin di `/admin` dan masuk dengan kredensial default: - Nama pengguna: admin - Kata sandi: admin## Konfigurasi### Pengaturan Basis DataEdit `config.php` dengan kredensial basis data Anda: $db_host = 'localhost';$db_name = 'booktable';$db_user = 'your_username';$db_pass = 'your_password';## Penggunaan### Membuat ReservasiKunjungi halaman berandaPilih tanggal dan waktuPilih jumlah tamuPilih bagian yang diinginkanPilih meja yang tersediaMasukkan detail kontakKonfirmasi pemesanan### Panel AdminAkses panel admin di `/admin` untuk:- Mengelola reservasi- Mengonfigurasi meja- Menangani pesta/acara- Melihat laporan- Mengelola pengguna
Aithm - AI Agency Startup HTML Template
Aithm adalah template website HTML modern yang dirancang untuk kebutuhan startup AI dan perusahaan teknologi. Desainnya responsif, bersih, dan berorientasi pada pengalaman pengguna sehingga cocok untuk website company profile, SaaS, maupun platform digital berbasis teknologi. Template ini menyediakan beberapa variasi halaman beranda serta berbagai halaman internal yang dapat digunakan untuk kebutuhan blog, halaman layanan, hingga integrasi toko. Struktur kode disusun rapi menggunakan HTML, Bootstrap v5, dan jQuery sehingga mudah dipahami serta disesuaikan sesuai kebutuhan proyek. Dokumentasi instalasi dan panduan penggunaan turut disertakan untuk membantu proses setup dan kustomisasi.Template ini merupakan karya dari author aslinya. Hak cipta tetap menjadi milik pembuatnya dan distribusi mengikuti ketentuan lisensi marketplace terkait.Demo Resmi: @themeoceanFitur Utama4+ variasi halaman beranda25+ halaman internalDesain responsif di berbagai perangkatTata letak modern dan profesionalStruktur kode terorganisir dan terdokumentasiMenggunakan Bootstrap v5Efek animasi halusDukungan form kontakKompatibilitas lintas browserMudah dikustomisasiIsi PaketSource code utamaFile demo templateDokumentasi penggunaanSumber & KreditTemplate ini memanfaatkan beberapa library dan aset pihak ketiga, termasuk:BootstrapOwl CarouselBoxiconsFlaticonGoogle Fonts
Sistem Manajemen Daftar dan Dealer Mobil
Sistem Manajemen Dealer & Penjualan Mobil TorqueSistem Manajemen Dealer & Penjualan Mobil PHP ProfesionalOverviewTorque CarDealer adalah sistem manajemen dealer mobil komprehensif yang dibangun dengan PHP, MySQL, dan Bootstrap. Skrip modern dan kaya fitur ini menyediakan semua yang Anda butuhkan untuk menjalankan platform dealer mobil online yang sukses. FeaturesSEO Teroptimasi: Dilengkapi fitur SEO bawaan seperti meta tag, OpenGraph, dan URL bersih yang ramah mesin pencari.Auto-fill Wikipedia: Mengambil spesifikasi mobil secara otomatis dari Wikipedia.Desain Responsif: Dibangun menggunakan Bootstrap 5 untuk tampilan sempurna di semua perangkat.Sistem Keamanan: Dilindungi dari serangan SQL Injection, XSS, dan CSRF.Notifikasi Email: Sistem email otomatis untuk pertanyaan dan permintaan test drive.Manajemen Gambar: Upload banyak gambar dengan resize otomatis dan optimasi gambar.Daftar Mobil Lanjutan: Halaman detail mobil lengkap dengan banyak gambar, spesifikasi, dan fitur.Manajemen Pengguna: Sistem pengguna lengkap dengan pendaftaran, login, manajemen profil, dan peran admin.Pencarian Cerdas: Fitur pencarian lanjutan dengan filter merek, model, rentang harga, dan lainnya.Sistem Favorit: Pengguna dapat menyimpan mobil favorit dan mengelolanya dari profil mereka.Perbandingan Mobil: Bandingkan hingga 3 mobil secara berdampingan dengan spesifikasi detail.Sistem Inquiry: Sistem inquiry bawaan dengan notifikasi email dan pengelolaan oleh admin.Dashboard Lengkap: Dashboard komprehensif dengan statistik.Manajemen Mobil: Pengelolaan data mobil (Tambah, Edit, Hapus).Manajemen Inquiry: Sistem pengelolaan pertanyaan pengguna.Permintaan Test Drive: Penanganan permintaan test drive.Manajemen Pengguna: Pengelolaan data pengguna.Manajemen Merek & Model: Pengelolaan data merek dan model mobil.Pengaturan Sistem: Konfigurasi pengaturan sistem.InstruksiInstalasi & Pengaturan Panduan Cepat:Upload file ke web server AndaBuat database MySQL dan import file car_dealer.sqlKonfigurasikan koneksi database di config/database.phpBuat akun admin:Login admin: admin@car.comPassword admin: admin123 KustomisasiScript ini sangat mudah dikustomisasi:Menggunakan Bootstrap 5 – Anda dapat dengan mudah mengganti tema menggunakan Bootswatch atau CSS kustom File Utama untuk Kustomisasi:includes/header.php – Navigasi dan layoutassets/css/style.css – Style kustomconfig/database.php – Pengaturan databaseincludes/functions.php – Fungsi inti sistem
Website Toko Online Laravel 12 - Aman & Ringan
Proyek ini adalah platform toko online berbasis web yang mengedepankan keamanan transaksi melalui sistem Verifikasi Pembayaran Manual oleh Admin. Berbeda dengan sistem otomatis (seperti Midtrans), sistem ini memberikan kendali penuh kepada pemilik toko untuk memastikan uang benar-benar masuk sebelum pesanan diproses.Fitur Unggulan:Sistem Verifikasi Manual: Admin memegang kendali penuh. Pesanan hanya diproses jika bukti transfer yang diunggah user sudah valid sesuai pengecekan mutasi bank.Manajemen Order Terintegrasi: Dashboard khusus admin untuk memantau status pesanan (Pending, Processing, Completed, Cancelled).Checkout Fleksibel: Bisa beli langsung (Direct Purchase) atau koleksi dulu lewat Keranjang Belanja.Profil User: Fitur wajib isi alamat dan kontak sebelum checkout guna akurasi pengiriman.Database Dinamis: Kelola data bank/rekening tujuan melalui tabel payment_methods.Keunggulan Teknis:Laravel 12 (Terbaru): Menggunakan fitur-fitur PHP 8.3 yang paling optimal.Tanpa Node.js/NPM: Menggunakan Tailwind via CDN, sangat mudah dimodifikasi bahkan oleh pemula tanpa perlu proses compile yang berat.Clean & Structured Code: Penulisan kode yang rapi sesuai standar Laravel (Controller-Model-View).Portable: Mudah dipindah ke hosting atau laptop lain (Sudah termasuk file README.md panduan instalasi).Panduan instalasi dan konfigurasiSebelum menginstal, pastikan laptop sudah terpasang:PHP (Minimal v8.1, disarankan v8.2 atau v8.3)Composer (Dependency Manager untuk PHP)MySQL/MariaDB (Bisa melalui Laragon, XAMPP, atau instalasi mandiri)Koneksi Internet (Wajib, karena menggunakan Tailwind via CDN). Buat FolderBuka terminal atau CMD di dalam folder proyek, lalu jalankan:Extract atau pindahkan folder proyek ke direktori web server Anda (contoh: `C:/laragon/www/` atau `C:/xampp/htdocs/`).composer installPerintah ini akan mendownload semua library Laravel yang dibutuhkan. Konfigurasi File .envCari file bernama `.env.example` di root folder.Ubah nama file tersebut (Rename) menjadi hanya `.env`.Buka file `.env` tersebut dan sesuaikan bagian database berikut:DB_CONNECTION=mysqlDB_HOST=127.0.0.1DB_PORT=3306DB_DATABASE=db_toko_online <-- Buat database ini di PHPMyAdminDB_USERNAME=root <-- Sesuaikan user DB AndaDB_PASSWORD= <-- Isi jika ada password di DB Anda Generate Application KeyJalankan perintah ini untuk keamanan enkripsi aplikasi:php artisan key:generateMigrasi DatabasePastikan MySQL sudah menyala, lalu buat database kosong bernama `db_toko_online` di PHPMyAdmin. Setelah itu, jalankan:php artisan migrateMenghubungkan Folder Storage (PENTING)Agar bukti transfer yang diunggah pelanggan bisa muncul di halaman admin dan user, jalankan:php artisan storage:linkTanpa perintah ini, gambar bukti transfer akan berstatus 'Broken Image'.Menjalankan AplikasiJalankan perintah berikut untuk menyalakan server lokal:php artisan serveBuka browser dan akses alamat: `http://127.0.0.1:8000`
School Quiz Arena — E-Learning Gamifikasi (Laravel)
School Quiz Arena — E-Learning Gamifikasi (Laravel)School Quiz Arena adalah platform kuis interaktif berbasis web yang dikembangkan sepenuhnya oleh tim Kita Ngoding. Menggunakan framework Laravel sebagai pondasi utamanya, sistem ini dirancang untuk menghadirkan pengalaman belajar yang seru, kompetitif, dan modern melalui elemen gamifikasi.Platform ini sangat cocok bagi sekolah atau instansi pendidikan yang ingin melakukan transformasi digital pada metode evaluasi belajar tradisional.Fitur Utama ProjectAplikasi ini hadir dengan fitur-fitur taktis untuk mendukung proses belajar mengajar:Sistem Leaderboard: Motivasi siswa dengan sistem peringkat berbasis XP.Dashboard Performa: Statistik personal bagi siswa untuk memantau perkembangan mereka.Smart Quiz Engine: Dilengkapi dengan sistem timer, autosave jawaban (agar data tidak hilang), dan deteksi pelanggaran.Mission Log & Review: Riwayat pengerjaan kuis yang mendalam, lengkap dengan detail pertanyaan, jawaban siswa, dan kunci jawaban.Manajemen Admin/Guru: Panel kontrol lengkap untuk mengelola kuis, bank soal, materi, hingga pemantauan nilai secara real-time.Teknologi & Standar PengembanganKita Ngoding berkomitmen pada kualitas kode. Project ini dikembangkan dengan praktik terbaik (best practices) mengikuti standar dokumentasi resmi Laravel. Keunggulan framework yang digunakan meliputi:Eloquent ORM: Manajemen database yang intuitif dan cepat.Migration System: Memudahkan sinkronisasi skema database antar pengembang.Security: Sistem autentikasi kuat berbasis NIS dan perlindungan terhadap serangan web umum.Panduan Instalasi (Self-Hosted)Bagi Anda member resmi Kita Ngoding, silakan ikuti langkah-langkah berikut untuk menjalankan project ini di lingkungan lokal atau server Anda: 1. Persiapan FilePastikan Anda sudah login, kemudian tekan tombol download yang tersedia. Setelah file terunduh, ekstrak dan masuk ke folder project melalui terminal:cd kitangoding_gamifikasi 2. Instalasi DependencyPasang semua library PHP yang dibutuhkan menggunakan Composer:Bash composer install 3. Konfigurasi Environment & DatabaseSalin file konfigurasi standar:cp .env.example .envBuka file .env menggunakan editor teks (VS Code/Notepad), lalu sesuaikan bagian database:DB_DATABASE=kitangoding_gamifikasiDB_USERNAME=rootDB_PASSWORD= Pastikan Anda sudah membuat database kosong bernama kitangoding_gamifikasi di MySQL/phpMyAdmin. 4. Inisialisasi AplikasiJalankan perintah berikut secara berurutan untuk men-generate key dan membangun struktur tabel:php artisan key:generate php artisan migrate 5. Membuat Akun Admin PertamaGunakan perintah SQL berikut di phpMyAdmin untuk membuat user admin agar Anda bisa masuk ke panel kontrol:INSERT INTO users (name, nis, email, role, password, created_at, updated_at) VALUES ('Admin Kita Ngoding', 'ADMIN001', 'admin@kitangoding.com', 'admin', '$2y$12$u8LYYszcyq4Y2xuC.7r5TuncfeRKdq6wdh48yxIp1cb...', NOW(), NOW());(Catatan: Hash password di atas adalah untuk: admin123) 6. Menjalankan ServerJalankan perintah ini:php artisan serveBuka browser dan akses: http://127.0.0.1:8000Kebijakan & DukunganProject ini adalah milik intelektual Kita Ngoding. Source code ini disediakan khusus untuk member sebagai bahan pembelajaran atau implementasi mandiri.Dilarang menjual kembali atau mendistribusikan ulang source code ini tanpa izin resmi.Jika menemukan kendala teknis atau masalah keamanan pada implementasi, silakan hubungi tim melalui: https://kitangoding.com/terms Copyright © 2026 Kita Ngoding. All Rights Reserved.
Sistem Pembayaran RT/RW NET dengan PHP Native + MySQL
Sistem Pembayaran RT/RW NET - Web Aplikasi PHP Native untuk Manajemen Internet RT/RWPendahuluanHalo teman-teman developer! Kali ini saya akan share project web aplikasi yang saya buat untuk mengelola pembayaran internet RT/RW atau layanan internet komunitas. Aplikasi ini dibuat menggunakan PHP Native (tanpa framework) dengan design modern menggunakan Tailwind CSS dan icon Font Awesome.Sistem ini sangat cocok untuk:RT/RW NET (Internet komunitas perumahan)Kost-kostan dengan WiFiWarnetISP kecil-menengahLayanan internet komunitas lainnyaYang paling menarik, aplikasi ini sudah production-ready dan lengkap dengan fitur-fitur essential yang dibutuhkan untuk operasional sehari-hari.Fitur-Fitur UtamaUntuk Admin:Dashboard AdminStatistik real-time (total pelanggan, pelanggan aktif, tagihan pending, pendapatan)Grafik dan chart informatifQuick access ke fitur pentingNotifikasi pembayaran baruManagement PelangganCRUD (Create, Read, Update, Delete) pelangganGenerate akun user otomatisSet tanggal tagih custom per pelanggan (1-31)Status aktif/nonaktifFilter dan search pelangganValidasi: pelanggan tidak bisa dihapus jika masih punya tagihanManagement Paket InternetCRUD paket internetSet kecepatan (Mbps) dan hargaLihat jumlah pelanggan per paketCard layout yang elegantAuto calculate harga per MbpsKelola TagihanGenerate tagihan otomatis untuk semua pelanggan (fitur unggulan!)Filter: Semua, Belum Bayar, Menunggu Approval, Lunas, Jatuh TempoSearch berdasarkan nama pelangganAuto detect jatuh tempo dengan highlight merahDelete tagihan (kecuali yang sudah lunas)Approval PembayaranVerifikasi bukti pembayaran dari pelangganApprove atau Reject dengan alasanLihat bukti pembayaran (klik untuk buka tab baru)Auto update status tagihan saat approveNotifikasi otomatis ke pelangganSetting Metode PembayaranKelola rekening bankKelola nomor e-wallet (GoPay, OVO, DANA, dll)Upload QR Code untuk pembayaranToggle aktif/nonaktif per metodeLayout 3 kolom per tipe (Bank, E-Wallet, QR)Laporan PendapatanFilter periode: Bulan Ini, Bulan Lalu, Tahun Ini, Custom RangeTotal pendapatan & jumlah transaksiRata-rata per transaksiPendapatan per paketTrend 6 bulan terakhir (grafik)Top 5 pelangganTransaksi terbaruUntuk Pelanggan:Dashboard PelangganInfo paket internet (kecepatan, harga, tanggal tagih)Status koneksi (aktif/nonaktif)Total tagihan belum dibayarDaftar tagihan aktifRiwayat pembayaran terakhirTagihan SayaList semua tagihan (lunas & belum lunas)2 Tombol terpisah:Cara Bayar → Lihat info rekening/e-wallet/QRUpload Bukti → Upload bukti pembayaranStatus visual: Belum Bayar, Jatuh Tempo, Menunggu Approval, LunasRe-upload jika ditolak adminInfo Pembayaran (Modal)3 Kolom metode pembayaran:Transfer Bank (BCA, Mandiri, dll)E-Wallet (GoPay, OVO, DANA, dll)QR Code (scan langsung)Copy nomor rekening/e-wallet dengan 1 klikTampil QR Code dalam ukuran besarWarning box untuk nominal yang harus dibayarRiwayat PembayaranTabel semua transaksi pembayaranInfo detail: tanggal, periode, metode, jumlah, statusLink untuk lihat bukti pembayaranTampil alasan jika pembayaran ditolakStatistik: Total Transaksi, Disetujui, PendingProfil & SettingEdit data pribadi (nama, email, telepon, alamat)Ubah password dengan validasiInfo paket & biaya bulananStatus akunFitur Tambahan:Light & Dark Mode - Toggle theme sesuai preferensiResponsive Design - Sempurna di mobile, tablet, desktopNotifikasi Real-time - Icon lonceng dengan badge counterActive State Sidebar - Menu aktif otomatis highlightFont Awesome Icons - Semua icon menggunakan Font Awesome 6.5.1Elegant UI - Design modern dengan gradient dan shadowSecurity - Password hashing, SQL injection prevention, XSS preventionTeknologi yang DigunakanTeknologiVersiKeteranganPHP8.3+Bahasa pemrograman backendMySQL8.0+Database management systemTailwind CSS3.xFramework CSS (via CDN)Font Awesome6.5.1Icon library (via CDN)JavaScriptES6+Client-side scriptingCatatan: Aplikasi ini menggunakan PHP Native (no framework) sehingga lebih ringan dan mudah dipahami untuk pemula.System RequirementsSebelum install, pastikan server Anda memenuhi requirements berikut:Minimum Requirements:PHP: 8.3 atau lebih tinggiMySQL: 8.0 atau lebih tinggi (atau MariaDB 10.5+)Web Server: Apache 2.4+ atau Nginx 1.18+PHP Extensions:mysqlipdo_mysqlgd (untuk upload gambar)fileinfombstringDisk Space: Minimal 50 MBRAM: Minimal 512 MBRecommended Requirements:PHP: 8.3MySQL: 8.0+Web Server: Apache dengan mod_rewrite enabledRAM: 1 GB atau lebihSSL Certificate: Untuk production (HTTPS)Development Environment:Untuk testing lokal, Anda bisa menggunakan:XAMPP 8.2+ (Windows/Linux/Mac)WAMP (Windows)MAMP (Mac)Laragon (Windows)Docker dengan PHP 8.3 + MySQL 8.0Mobile ResponsiveAplikasi ini sudah fully responsive dan akan tampil sempurna di:Desktop (1920px+)Laptop (1366px - 1920px)Tablet (768px - 1366px)Mobile (320px - 768px)Test di berbagai device menggunakan:Chrome DevTools (F12 → Toggle Device Toolbar)BrowserStackReal devicesFitur yang Bisa Ditambahkan (Future)Jika ingin develop lebih lanjut, berikut ide fitur tambahan:Export LaporanExport ke Excel (PHPSpreadsheet)Export ke PDF (TCPDF/FPDF)Email NotificationPHPMailer untuk kirim emailNotifikasi tagihan baruNotifikasi pembayaran approvedWhatsApp IntegrationWhatsApp API/GatewayNotifikasi via WAAuto SuspendAuto nonaktifkan pelanggan yang nunggakReminder sebelum suspendMulti-User AdminRole: Super Admin, Admin, OperatorPermission managementStatistik & ChartChart.js untuk grafik interaktifDashboard analytics lebih detailAPI IntegrationPayment Gateway (Midtrans, Xendit)QRIS paymentMobile AppReact NativeFlutterPWA (Progressive Web App)CreditsTerima kasih kepada:Tailwind CSS - Framework CSS yang amazingFont Awesome - Icon library terbaikPHP Community - Untuk dokumentasi lengkapStack Overflow - Solusi berbagai problemKesimpulanRT/RW NET - Sistem Pembayaran Internet adalah aplikasi web yang:✅ Lengkap - Semua fitur essential sudah tersedia ✅ Mudah Install - Hanya 10 step, bisa jalan dalam 15 menit ✅ Ringan - PHP Native tanpa framework ✅ Modern - UI elegant dengan Tailwind CSS ✅ Responsive - Sempurna di mobile, tablet, desktop ✅ Secure - Password hashing, SQL injection prevention ✅ Production Ready - Siap digunakan untuk bisnis realCocok untuk:RT/RW NET operator yang ingin digitalisasi pembayaranISP kecil yang butuh sistem management sederhanaKost-kostan dengan WiFiWarnetDeveloper yang ingin belajar CRUD PHP nativeDownload sekarang dan mulai kelola pembayaran internet Anda dengan lebih efisien! Selamat mencoba! Jika ada pertanyaan, jangan ragu untuk bertanya di kolom komentar. Happy Coding! 🚀