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
Game Red Ball Escape – Unity Source Code
Red Ball Escape – Unity Source CodeGame platformer 2D yang cepat, menantang, dan dibuat menggunakan Unity.OverviewRed Ball Escape adalah game platformer 2D lengkap yang dikembangkan menggunakan Unity. Dalam game ini, pemain mengendalikan sebuah bola merah dan harus menghindari rintangan, jebakan, serta musuh berbahaya untuk mencapai akhir setiap level.Game ini sangat cocok untuk Android dan iOS serta telah dioptimalkan sepenuhnya untuk kontrol mobile. Proyek disusun dengan rapi, terdokumentasi dengan baik, dan mudah untuk di-reskin. File Demo APK FeaturesDibangun menggunakan Unity Engine 2022.3Gameplay platformer 2DKontrol dan fisika yang halusBanyak level siap dimainkanGrafis kartun yang menarikDioptimalkan untuk perangkat mobileMudah di-reskin dan dikustomisasiIntegrasi AdMob (Banner + Interstitial)Siap dipublikasikan ke Google Play atau App StoreRequirementsUnity 2022.3InstructionsBuka project menggunakan Unity 2022.3Ganti grafik/audio jika diperlukanAtur ID AdMob AndaBuild dan publikasikan
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.