Back to Blog

Doctor Booking App - Part 1

22 Mei 20252 min read

Halo! Pada kesempatan kali ini, saya akan membagikan proses awal pembuatan project Doctor Booking App menggunakan Laravel. Kita akan menggunakan beberapa tools modern seperti Livewire, Filament Admin, dan Pest untuk testing. Yuk langsung mulai!

1. Membuat Project Laravel

Pertama-tama, pastikan kamu sudah menginstall Laravel Installer versi ^5.14. Kemudian buat project baru dengan perintah berikut:

bash
laravel new doctor-booking-app

2. Setup Starter Kit Laravel

Untuk starter kit, kita akan menggunakan:

  • Livewire untuk antarmuka dinamis.
  • Default authentication scaffolding (tidak menggunakan Laravel Breeze/Jetstream).
  • Tanpa Laravel Volt.
  • Testing menggunakan Pest (tanpa PHPUnit).

Jika diminta opsi saat setup, kamu bisa jawab seperti ini:

  • Livewire: ✅
  • Authentication: ✅
  • Laravel Volt: ❌
  • Unit Testing: Pest ✅

Setelah project selesai di-generate, jalankan perintah berikut untuk menginstall dependencies frontend:

bash
npm install && npm run build

3. Masuk ke Direktori Project

Pindah ke direktori project dan buka dengan code editor favoritmu (misalnya VS Code):

bash
cd doctor-booking-app
code .

4. Install Filament Admin Panel

Selanjutnya kita akan menambahkan Filament Admin Panel untuk manajemen dashboard admin:

bash
composer require filament/filament:"^3.3" -W

> Catatan: Pastikan ekstensi ZIP aktif di PHP-mu. Jika belum aktif, silakan aktifkan terlebih dahulu (bisa dicek lewat php -m | grep zip).

Lalu install panel adminnya:

bash
php artisan filament:install --panels

5. Cek Dashboard Admin

Setelah proses instalasi selesai, kamu sekarang sudah bisa mengakses dashboard admin di:

plaintext
http://localhost:8000/admin

Kamu akan diminta login, dan jika belum punya user, silakan buat user baru terlebih dahulu melalui fitur register.

Penutup

Setup awal sudah selesai! 🎉

Kita sekarang punya project Laravel yang siap dikembangkan dengan struktur modern, authentication, dan admin panel.

Di Part 2, kita akan mulai mendesain model untuk dokter, jadwal, dan booking. Stay tuned!

> Jangan lupa simpan progresmu di Git, dan commit secara berkala ya!

More Articles

You might also like

View all
Go Language

Golang Todolist CLI #3 – Menambahkan Command CLI Interaktif

Halo selamat datang kembali di seri Golang Todolist CLI bersama Ajitama! 🎉Setelah sebelumnya kita membuat model Task dan repository-nya, sekarang saatnya membuat aplikasi kita bisa dikendalikan langsung dari terminal! Di seri ini kita akan: ✅ Menamb...

11 Mei 20257 min read
Go Language

Mengenal Package io dan bufio di Golang

Selamat datang di tutorial keempat dari seri Golang Standard Library! Pada tutorial ini, kita akan membahas dua package penting dalam Golang, yaitu io dan bufio. Kedua package ini sangat berguna untuk operasi input/output (I/O) yang efisien dan mudah...

23 Apr 20255 min read
Go Language

Interface dan Interface Kosong di Golang

Halo teman-teman dev 👋Kita lanjut lagi ke seri Golang Basic, dan kali ini kita akan bahas salah satu konsep penting di Go: interface, termasuk interface kosong (interface{}). Interface adalah pondasi dari polymorphism di Go. Kalau kamu ngerti konsep...

10 Apr 20253 min read