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

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

Package strings dan strconv di Golang

Setelah sebelumnya membahas fmt, errors, os, dan flag, kali ini kita akan membahas dua package penting lainnya dalam standard library Go, yaitu strings dan strconv. Keduanya sangat berguna untuk memproses dan memanipulasi string dan konversi data — k...

19 Apr 20253 min read
Go Language

Panic, defer dan recovery di Golang

Halo teman-teman! 👋Di artikel kali ini, kita akan bahas salah satu topik penting di Golang yang sering bikin bingung pemula, yaitu panic, defer, dan recover. Ini adalah bagian dari error handling di Go, dan sangat penting dipahami supaya program kit...

10 Apr 20253 min read