🌐 Website Inventory Laravel 12 mới tinh + React + Inertia
🔧 Công nghệ sử dụng:
-
Backend: Laravel 12
-
Frontend: React + TypeScript
-
Middleware: Inertia.js (kết nối giữa Laravel và React)
-
UI: Shadcn/UI (hoặc TailwindCSS)
-
Authentication: Laravel Breeze + Google Login
🔐 Chức năng xác thực (Authentication)
📦 CRUD (Create - Read - Update - Delete)
-
Giao diện CRUD cho các đối tượng (products, users, orders, v.v...)
-
Form nhập liệu, xác thực, và hiển thị lỗi
-
Sử dụng modal hoặc trang riêng để thêm/sửa
📤 Upload & Xem trước ảnh
📢 Flash Messages
📄 Xuất PDF
📦 Kiểm tra tồn kho (Inventory Check)
-
Hiển thị số lượng tồn kho hiện tại của sản phẩm
-
Cảnh báo khi tồn kho thấp
-
Có thể chỉnh sửa tồn kho trong CRUD hoặc riêng biệt
👥 Phân quyền người dùng
-
Quyền User:
-
Quyền Admin:
-
Truy cập toàn bộ hệ thống
-
Phê duyệt hóa đơn
-
CRUD người dùng, sản phẩm, tồn kho, xuất PDF...
💡 Điểm nổi bật
-
UX mượt mà nhờ Inertia.js (SPA nReact nhưng không cần API riêng)
-
Giao diện hiện đại với shadcn/UI và Tailwind
-
Đầy đủ chức năng thực tế cần thiết cho hệ thống quản lý
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Hướng dẫn cài đặt :
1. Môi trường:
Yêu cầu cài Visual code | Xampp hoặc Laragon PHP 8.2 | Node js | Composer
2. Start project:
Terminal 1
php artisan serve
Terminal 2
npm run dev
Tạo database với tên laravel_with_react (trong file .env)
Terminal 3
php artisan migrate --seed
Web => http://127.0.0.1:8000
Chi tiết trong video hướng dẫn khi mua code