PL
Phú Lê

Dashboard Layout - Copy this React, Tailwind Component to your project

Blood Donation Admin Panel – Giao Diện Quản Trị Thông Minh cho Hệ Thống Hiến Máu 🎯 Tầm nhìn Hệ thống quản trị hiến máu được thiết kế như một nền tảng điều hành trung tâm, hỗ trợ ban tổ chức và nhân viên y tế quản lý toàn diện các hoạt động liên quan đến hiến máu: người tham gia, chiến dịch, địa điểm, kho máu và phân tích dữ liệu. Giao diện được xây dựng hiện đại, dễ sử dụng, đáp ứng tốt cả trên desktop và thiết bị di động. ⚙️ Tính năng chính 1. 📊 Dashboard trực quan Thống kê tổng hợp theo thời gian thực: số lượt hiến máu hôm nay, tháng này, năm nay. Biểu đồ phân tích theo khu vực, độ tuổi người hiến, nhóm máu. Cảnh báo kho máu thiếu hụt, hoặc các địa điểm có lượng đăng ký bất thường. 2. 👥 Quản lý người dùng Danh sách người dùng với khả năng lọc theo vai trò: người hiến máu, y tá, bác sĩ, admin. Xem lịch sử hiến máu, đánh giá sức khỏe, mức độ tích cực. Tính năng xác minh hồ sơ người hiến máu. Hệ thống gửi thông báo mời hiến máu tự động qua email/SMS. 3. 🗺️ Quản lý chiến dịch và địa điểm Tạo, cập nhật, lên lịch các chiến dịch hiến máu theo khu vực. Gắn kết chiến dịch với các địa điểm cụ thể. Theo dõi lượng đăng ký theo từng chiến dịch. Quản lý địa điểm hiến máu: địa chỉ, giờ hoạt động, số lượng nhân viên. 4. 🧾 Quản lý kho máu Theo dõi tồn kho máu theo nhóm máu và địa điểm lưu trữ. Tự động cảnh báo khi nhóm máu nào đó xuống thấp. Gợi ý ưu tiên mời người hiến phù hợp. 🌗 Trải nghiệm người dùng (UX) nâng cao 🔄 Chuyển đổi Light/Dark Mode Giao diện tùy biến theo sở thích người dùng. Lưu trạng thái bằng localStorage để tự động nhớ theme khi đăng nhập lại. 📁 Sidebar có thể thu gọn/mở rộng Tăng không gian hiển thị nội dung chính. Sidebar có biểu tượng gợi nhớ + tooltip rõ ràng. 🧠 Tìm kiếm toàn cục thông minh (Global Search) Gõ một từ khoá → Gợi ý người dùng, chiến dịch, địa điểm liên quan.

Prompt
Component Preview

About

DashboardLayout - A modern admin interface for blood donation management, featuring user management, interactive charts, and light/dark. Get free template!

Share

Last updated 1 month ago