LibMgnt - Hệ Thống Quản Lý Thư Viện Enterprise-Grade

Dưới đây là dự án Full-stack hiện đại mà mình đã tâm huyết xây dựng, tập trung vào hiệu suất cao và trải nghiệm người dùng tối ưu. Dự án được phát triển theo mô hình Monorepo với tính đồng bộ dữ liệu tuyệt đối.

💡

🔗 Trải nghiệm trực tiếp (Demo) Tài khoản dùng thử (Mật khẩu chung: 123456) • Admin: admin@admin.com • Nhân viên: staff1@lib.com • Độc giả: reader1@gmail.com

Nền tảng	Đường dẫn truy cập	Mô tả
🛡️ Admin Dashboard	Link Demo Admin	Dành cho quản lý & thủ thư
📱 Reader App	Link Demo Reader	Giao diện Mobile-first cho độc giả

🏗️ Kiến trúc & Công nghệ

• Monorepo (pnpm Workspaces): Quản lý tập trung API, Web Admin và App Reader. Giúp chia sẻ 100% logic và Typescript Interfaces giữa các nền tảng. • Tech Stack hiện đại: React 19, Prisma 7, PostgreSQL (Supabase) và hệ thống UI từ Radix UI & Shadcn/ui. • Type-First Development: Đảm bảo an toàn dữ liệu tuyệt đối từ Backend đến Frontend.

🛡️ Quản trị thông minh (Admin)

• Dashboard trực quan: Theo dõi biểu đồ mượn trả và thống kê sách quá hạn thời gian thực. • Quản lý kho tập trung: Kiểm soát tồn kho, danh mục và hồ sơ độc giả chỉ trong vài cú click. • Tự động hóa: Hệ thống tự tính toán ngày hẹn trả và tiền phạt dựa trên cấu hình linh hoạt.

📱 Trải nghiệm độc giả (Reader)

• Giao diện Mobile-First: Tối ưu cho thiết bị di động với các hiệu ứng mượt mà từ Framer Motion. • Đặt trước (Reservation): Cơ chế tự động xếp hàng và thông báo khi sách có sẵn. • Tra cứu thông minh: Tìm kiếm nhanh chóng theo nhiều tiêu chí.

🛠️ Quy trình kỹ thuật

Dự án áp dụng chiến lược HTTP 200 "Always Success" kết hợp với mã lỗi nội bộ (Error Codes) định nghĩa tập trung, giúp việc xử lý lỗi ở phía giao diện trở nên cực kỳ đơn giản và nhất quán. • Backend: Node.js Express & Swagger UI. • Frontend: React Query v5 để quản lý trạng thái server.

Blog

LibMgnt - Hệ Thống Quản Lý Thư Viện Enterprise-Grade

🏗️ Kiến trúc & Công nghệ

🛡️ Quản trị thông minh (Admin)

📱 Trải nghiệm độc giả (Reader)

🛠️ Quy trình kỹ thuật

Comments0