//
Here i share what i think
I share my thoughts about technology, life, and everything in between.
DemoWeb DevMVPCode With AIMonorepoLMSFull-stack
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.comNền tảng | Đường dẫn truy cập | Mô tả |
🛡️ Admin Dashboard | Dành cho quản lý & thủ thư | |
📱 Reader App | 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.
Comments
Join the conversation
Sign in to comment