Graduation Thesis

Smart 3D Warehouse Management System | React Three Fiber

Full-stack 3D warehouse platform using React Three Fiber and Spring Boot. Visualize inventory, optimize supply chains, and manage real-time logistics.

React Three FiberSpring Boot3D WarehouseSupply ChainFull-StackInventory Management

Live Demo GitHub Repository

Project Case Study

Github:

Front-end: https://github.com/thieuhoang2002/Frontend-Warehouse
Back-end: https://github.com/thieuhoang2002/Backend-Warehouse

Tổng quan dự án

Smart 3D Warehouse Management System là nền tảng quản lý kho hàng thông minh, được xây dựng nhằm tối ưu hóa chuỗi cung ứng và khắc phục những hạn chế của hệ thống kho quản lý thủ công truyền thống. Điểm nổi bật của dự án là việc ứng dụng công nghệ 3D để trực quan hóa không gian lưu trữ, giúp doanh nghiệp dễ dàng kiểm soát việc bố trí kệ hàng, quản lý luồng nhập/xuất, và theo dõi tồn kho với sự hỗ trợ của hệ thống thông báo thời gian thực.

Vai trò & Công việc đảm nhận

Trong dự án này, tôi đã tham gia vào toàn bộ vòng đời phát triển phần mềm, từ khâu khảo sát nghiệp vụ thực tế tại doanh nghiệp, phân tích thiết kế hệ thống cho đến triển khai mã nguồn frontend và backend.
Phân tích & Thiết kế hệ thống: Khảo sát nghiệp vụ kho hàng, thiết kế cơ sở dữ liệu và xây dựng hệ thống biểu đồ UML (Use Case, Sequence, Class Diagram) để chuẩn hóa các quy trình vận hành.
Phát triển giao diện 3D (Interactive 3D Frontend): Ứng dụng framework React Three Fiber và thư viện Drei để xây dựng mô hình kho hàng 3D trên nền tảng web. Giao diện cho phép người dùng tương tác trực tiếp để kiểm tra trạng thái từng kệ hàng và ngăn chứa một cách trực quan. Phần này chủ yếu do Như Lê (https://github.com/NhuLe1101) phát triển.
Xây dựng Backend & API: Sử dụng kiến trúc Java Spring Boot kết hợp Spring Boot JPA và Spring Security để phát triển các luồng xử lý nghiệp vụ bảo mật và phức tạp. Các module chính bao gồm: quản lý tài khoản, quản lý Booking, và xử lý luồng hàng hóa nhập/xuất kho.
Tích hợp tính năng nâng cao: Triển khai hệ thống cảnh báo theo thời gian thực (realtime) cho các sản phẩm đến hạn xuất kho, đồng thời tích hợp thư viện JasperReports để tự động kết xuất các báo cáo, chứng từ dưới định dạng PDF.

Kỹ năng & Công nghệ sử dụng

Frontend: React, Material UI, React Three Fiber (Three.js).
Backend: Java Spring Boot, Spring Boot JPA, Spring Security.
Cơ sở dữ liệu: MySQL (môi trường XAMPP).

Công cụ & Tiện ích khác: Blender 3D (thiết kế mô hình 3D), JasperReports (xuất báo cáo PDF), WebSocket (thông báo realtime), Git/GitHub, Postman.