[Mã code 54110]

Website quản lý kho hàng PHP Laravel 12 Inertia React

  (1 Đánh giá)
  0       80    

Website quản lý kho hàng PHP Laravel 12 Inertia React: UX mượt mà nhờ Inertia.js SPA 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ý

Danh mục
Thể loại
Ngày đăng
09-4-2025
Loại file
Full code
File download
 # [#]
CAM KẾT TỪ NGƯỜI BÁN
Chức năng đầy đủ và giống demo


Source code
8

Đánh giá (11)
5/5

Ngày tham gia
11/7/2023

🌐  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)

  • Đăng nhập / Đăng xuất (Login / Logout)

    • Đăng nhập truyền thống bằng email & mật khẩu

    • Đăng nhập bằng Google OAuth2 (Laravel Socialite)

  • Lấy lại mật khẩu (Forgot Password)

    • Gửi email khôi phục mật khẩu

    • Form tạo lại mật khẩu


📦 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

  • Chọn ảnh từ máy tính

  • Hiển thị preview ảnh trước khi upload

  • Hiển thị ảnh đã upload trong danh sách


📢 Flash Messages

  • Hiển thị thông báo (thành công, lỗi, cảnh báo...) sau các hành động như:

    • Đăng nhập thành công

    • Thêm / sửa / xóa dữ liệu

    • Gửi email khôi phục


📄 Xuất PDF

  • Tạo file PDF 

  • Tải xuống báo cáo, product, đơn hàng, ...


📦 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:

    • Chỉ xem dữ liệu của mình

    • Tạo đơn hàng

    • Không được phê duyệt đơn hàng

  • 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 React 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

HÌNH ẢNH DEMO


PHP,Laravel 12,React,Website quản lý kho hàng,Code chất lượng

PHP,Laravel 12,React,Website quản lý kho hàng,Code chất lượng

PHP,Laravel 12,React,Website quản lý kho hàng,Code chất lượng

PHP,Laravel 12,React,Website quản lý kho hàng,Code chất lượng

PHP,Laravel 12,React,Website quản lý kho hàng,Code chất lượng

PHP,Laravel 12,React,Website quản lý kho hàng,Code chất lượng

PHP,Laravel 12,React,Website quản lý kho hàng,Code chất lượng

PHP,Laravel 12,React,Website quản lý kho hàng,Code chất lượng


HƯỚNG DẪN CÀI ĐẶT
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
 
Quyền Admin : admin@admin.com/12345678
Quyền User : test@example.com/12345678
Chi tiết trong video hướng dẫn khi mua code



Nguồn: Topcode.vn

BÌNH LUẬN (0)


ĐÁNH GIÁ (1)

ĐIỂM TRUNG BÌNH

5
1 Đánh giá
Code rất tốt (1)
Code tốt (0)
Code rất hay (0)
Code hay (0)
Bình thường (0)
Thành viên
Nội dung đánh giá
17:19 - 27/4/2025
Code rất tốt
code xịn
HỖ TRỢ TRỰC TUYẾN