Aplikasi web untuk melakukan pemesanan (booking) lapangan olahraga. Dibangun menggunakan CodeIgniter 4 di sisi backend, serta HTML, Tailwind CSS, dan JavaScript di sisi frontend. Dilengkapi juga dengan gerbang pembayaran Midtrans.
Tujuan dari proyek ini adalah untuk menyediakan platform digital yang memudahkan pengguna dalam mencari, melihat jadwal ketersediaan, dan memesan lapangan olahraga secara online. Administrator dapat mengelola data lapangan, jadwal, dan laporan pemesanan.
Berikut adalah teknologi utama yang digunakan dalam proyek ini:
Backend:
- CodeIgniter 4 - Framework PHP
- Midtrans PHP Library - Untuk proses pembayaran
- PhpSpreadsheet - Untuk membuat dan membaca file Excel
- Dompdf - Untuk membuat file PDF
Frontend:
- HTML5
- Tailwind CSS - Framework CSS
- FullCalendar - Untuk menampilkan jadwal booking
- SweetAlert2 - Untuk notifikasi dan pop-up interaktif
Database:
- MySQL (atau database lain yang didukung CodeIgniter 4)
Untuk menjalankan proyek ini di lingkungan lokal Anda, ikuti langkah-langkah berikut.
Pastikan perangkat Anda sudah terinstall:
- PHP 8.1 atau lebih baru
- Composer
- Node.js dan NPM
- Web Server (misalnya XAMPP, Nginx)
- Database (misalnya MySQL/MariaDB)
-
Clone repository
git clone https://github.com/xlramdhon1/booking-lapangan.git cd booking-lapangan -
Install dependensi PHP
composer install
-
Install dependensi JavaScript
npm install
-
Konfigurasi Environment
- Salin file
envmenjadi.env. - Buka file
.envdan sesuaikan konfigurasi berikut:CI_ENVIRONMENT = developmentapp.baseURL = 'http://localhost:8080'- Konfigurasi database (host, database, user, password).
- Konfigurasi Midtrans (Server Key & Client Key).
- Salin file
-
Buat Database
- Buat sebuah database baru di MySQL sesuai dengan nama yang Anda atur di file
.env.
- Buat sebuah database baru di MySQL sesuai dengan nama yang Anda atur di file
-
Jalankan Migrasi Database Jalankan perintah ini dari terminal di root proyek untuk membuat tabel-tabel yang dibutuhkan.
php spark migrate
-
Jalankan Server Development
php spark serve
Aplikasi Anda sekarang akan berjalan di
http://localhost:8080. -
**Jalankan
- ✅ Manajemen Booking: Pengguna dapat memesan lapangan berdasarkan jadwal yang tersedia.
- 📅 Kalender Interaktif: Jadwal ketersediaan lapangan ditampilkan menggunakan FullCalendar.
- 💳 Pembayaran Online: Terintegrasi dengan Midtrans untuk berbagai metode pembayaran.
- 📄 Laporan: Admin dapat mengunduh laporan pemesanan dalam format PDF atau Excel.
- 🔐 Autentikasi: Sistem login untuk pengguna dan admin.
- [Ramadhoni Gibran Maulana] - Initial Work - ['ramdhon1.ssss@gmail.com', 'https://github.com/xlramdhon1']
Proyek ini dilisensikan di bawah Lisensi MIT. Lihat file LICENSE untuk informasi lebih lanjut.
Hak Cipta (c) 2024 [Ramadhoni Gibran]