Technical Test
Aplikasi manajemen stok barang berbasis web
- Backend: Laravel (PHP 8.4)
- Frontend: Vue 3 (Composition API)
- Styling: Tailwind CSS 3
- Database: MySQL
- Authentication: Laravel Session (Stateful)
- PHP >= 8.4 (Wajib)
- Composer
- Node.js & npm (v18+)
- MySQL
- Gunakan Nginx (Wajib)
1. Clone / Ekstrak Project Buka terminal dan arahkan ke folder project ini.
2. Install Dependencies
composer install
npm install3. Setup Environment
Copy file .env.example menjadi .env:
cp .env.example .envSesuaikan konfigurasi koneksi database di file .env:
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=teknikal_test
DB_USERNAME=root
DB_PASSWORD=
# Pastikan session dan cache menggunakan file agar tidak butuh tabel tambahan
SESSION_DRIVER=file
CACHE_STORE=file
QUEUE_CONNECTION=sync4. Generate Key
php artisan key:generate5. Setup Database Ada dua cara untuk setup database:
- Cara 1 (Rekomendasi): Import file
teknikal_test.sqlyang ada di folder root project ke dalam database MySQL Anda. File ini sudah berisi struktur tabel dan data terbaru. - Cara 2: Jalankan perintah migrate dan seed bawaan Laravel:
php artisan migrate:fresh --seed
6. Build Frontend Assets
npm run build7. Jalankan Aplikasi
Jika menggunakan Herd/Valet, aplikasi bisa langsung diakses lewat domain .test. Jika tidak, jalankan server bawaan Laravel:
php artisan serveBuka browser dan akses http://localhost:8000.
Gunakan kredensial berikut untuk masuk ke dalam sistem:
- Username:
admin - Password:
password