📦 Inventory Management System
Sistem manajemen persediaan berbasis Laravel (Backend) dan Vue.js (Frontend) untuk mengelola Master Barang, Barang Masuk/Keluar, serta laporan.
Aplikasi dilengkapi login, pagination, modal form, CRUD, validasi stok otomatis, dan proteksi route.
🚀 Fitur Utama
- Login & Logout (Token-based)
- Menu Master Barang (CRUD)
- Barang Masuk (CRUD + update stok otomatis)
- Barang Keluar (CRUD + validasi stok)
- Laporan Barang
- Pagination pada tabel
- Konfirmasi sebelum delete dan logout
- Vue Router + Proteksi Route (tidak bisa akses halaman tanpa login)
- UI dengan Bootstrap + Bootstrap Icons
🛠️ Teknologi yang Digunakan
Backend:
- Laravel v12.38.1
- PHP v8.2.12
- MySQL
- REST API
Frontend:
- Vue 3
- Vite
- Axios
- Bootstrap v5 + Bootstrap Icons
📥 Instalasi Project
1.a. Clone Repository GitHub lewat CMD
- Buka CMD
- Pilih path untuk simpan foldernya (User XAMPP biasanya HTDOCS)
- cd PATH/YANG/INGIN/DITUJU
- Setelah itu masukan code ini (git clone https://github.com/RFOXgithub/warehouse-stock-management-laravel-vue)
1.b Clone Repository GitHub lewat VS Studi Code
- Buka aplikasi VS Studio Code
- Pada bagian Start atau Halaman Utama Pilih (Clone Git Repository)
- Masukan link repositorynya (https://github.com/RFOXgithub/warehouse-stock-management-laravel-vue)
-
Import Database dengan nama file elitechintern.sql
-
Instal Node.js v25.2.0, PHP 8.2.12, NPM 11.6.2
-
Install beberapa Depedency pada CMD, Path sesuaikan dengan folder repository
- Ubah .env.example menjadi .env
- Configurasi database pada .env (Sesuaikan dengan database yang digunakan)
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=elitechintern
DB_USERNAME=root
DB_PASSWORD=
- Pada CMD masukan (composer install) pada folder repository
- Kemudian masukan lagi (php artisan key:generate) pada CMD
- Lakukan pembersihkan cache jika di perlukan
php artisan config:clear
php artisan cache:clear
php artisan route:clear
php artisan view:clear
- Masukan (npm install) pada CMD
- Jalankan perintah untuk hidupin server Laravel dan Vue.js pada dua CMD
- php artisan serve (Laravel)
- npm run dev (Vue.js)
- Selesai, Sistem sudah bisa digunakan dan link bisa diakses pada (http://127.0.0.1:8000)
Data Login: Email: admin@example.com Password: password
Login Page
Master Barang Page
Barang Masuk Page
Barang Keluar Page
Laporan Page
Modal Tambah Barang
Modal Tambah Barang Masuk atau Keluar
