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

Package fmt di Golang

Jika kamu baru mulai belajar Golang (Go), salah satu paket (package) pertama yang akan sering kamu temui adalah fmt. Paket ini merupakan bagian dari standard library Golang dan sangat penting untuk melakukan formatting dan output, seperti mencetak ke...

17 Apr 20253 min read

Swagger API Golang | Step by Step Menggunakan Swaggo

Swagger adalah tools dokumentasi API yang sangat membantu dalam menjelaskan dan mencoba endpoint secara interaktif. Di Golang, kita bisa menggunakan swaggo/swag untuk mengenerate dokumentasi dari komentar di kode. 1. ✅ Install Swag CLI Pertama-tama,...

9 Jul 20253 min read
Go Language

Memahami Buffered Channel di Golang

Setelah kita belajar tentang channel dan WaitGroup, sekarang saatnya masuk ke topik yang lebih dalam: Buffered Channel. Artikel ini cocok buat kamu yang: Ingin tahu perbedaan antara unbuffered dan buffered channel Penasaran kapan harus menggunakan ...

29 Apr 20253 min read