Website + App di động [Ứng dụng quản lý ký túc xá] [Java + Reactjs] dùng csdl firebase

Ứng dụng web/app quản lý ký túc xá cho phép sinh viên đăng ký phòng ký túc xá, thanh toán tiền phòng và điện nước để chia đều cho các thành viên trong tròng, Khi có yêu cầu chuyển phòng:

✨Phân quyền và chức năng hệ thống

• 1. CHỨC NĂNG DÀNH CHO ADMIN

  • Dashboard: Tổng quan số lượng sinh viên, phòng trống/đầy, doanh thu, hóa đơn chưa thanh toán.

  • Quản lý sinh viên:

  • Quản lý ký túc xá (Tòa – Phòng – Giường)

  • Quản lý vận hành (Điện & Nước):

    • Nhập chỉ số điện/nước đầu tháng và cuối tháng cho từng phòng.

    • Tự động hóa: Hệ thống tự động tạo hóa đơn vào ngày 10 hàng tháng.

    • Chia phí: Tự động tính tổng tiền (Phòng + Điện + Nước) và chia đều cho số sinh viên trong phòng tại thời điểm đó.

  • Quản lý hợp đồng & Đăng ký:

    • Duyệt đơn đăng ký ở mới.

    • Xử lý yêu cầu chuyển phòng: Hệ thống tự động tính toán “tỷ lệ tiền” (số ngày ở phòng cũ + số ngày ở phòng mới) và cộng dồn vào hóa đơn thanh toán.

  • Quản lý vi phạm & Đánh giá

  • Thông báo & Báo cáo: Gửi thông báo đến sinh viên/phòng, xuất báo cáo doanh thu theo tháng/kỳ.

  2. CHỨC NĂNG DÀNH CHO SINH VIÊN

  • Đăng nhập/Đăng ký: cập nhật thông tin hồ sơ.

  • Dashboard sinh viên: Xem thông tin cá nhân, vị trí phòng/giường hiện tại, thông báo từ Admin.

  • Đăng ký:

    • Gửi đơn đăng ký ở mới.

    • Gửi yêu cầu xin chuyển phòng (kèm ghi chú lý do).

  • Lịch sử hóa đơn

    • Xem hóa đơn chi tiết (Tổng hóa đơn của phòng).

    • Xem danh sách thành viên trong phòng và số tiền cụ thể mỗi người phải đóng.

    • Xem lịch sử đóng tiền và trạng thái thanh toán của bản thân.

  • Đánh giá & Kỷ luật:

    • Thực hiện đánh giá sao cho phòng ở.

    • Xem lịch sử vi phạm cá nhân (nếu có).

HÌNH ẢNH DEMO

💻 HƯỚNG DẪN CÀI ĐẶT & CHẠY ỨNG DỤNG

Chuẩn bị môi trường: Android studio, Vs code, nodejs

***Đối với file App Android (file tên Kitucxa) 

Cài theo video

Thông tin đăng nhập tk: student3@university.edu.vn mk B2001003 hoặc mở web chổ quản lý tài khoản rồi thêm tài khoản sinh viên

***Đối với file Web sever (file tên Frontend)
Bước 1 Open code vào VScode

Bước 2 Mở terminal chạy 2 lệnh sau

             Npm install 

             Npm run dev

Bước 3 khi web chạy thông tin đăng nhập admin như sau admin@ktx.com mk admin123456

Sau khi cài đặt app thành công liên hệ shop để cấp quyền truy cập database firebase

Hỗ trợ cài đặt sau khi mua code liên hệ ngay ZALO hoặc PAGE FACEBOOK phía trên