UEconnect.
Mạng xã hội học thuật đã xác thực dành cho sinh viên, cựu sinh viên và cố vấn trường HCMUE, phát triển trên nền tảng Laravel 13 & Livewire 4.
Chi tiết dự án (START)
Câu chuyện dự án
Situation - Bối cảnh
Sinh viên sư phạm cần một không gian thảo luận chuyên môn nghiêm túc, có danh tính xác thực để tránh tin rác và phân chia vai trò rõ ràng (Mentor, Advisor, Alumni, Student) phục vụ định hướng nghề nghiệp.
Task - Nhiệm vụ
Phát triển mạng xã hội học thuật tích hợp cổng SSO Microsoft trường, xây dựng dòng tin (feed) học thuật theo nhóm chủ đề, module kết nối mentor/alumni, nhắn tin thời gian thực, và đóng gói ứng dụng bằng Docker để chạy trên Azure VM.
Action - Quyết định & Thực thi
Tôi đã xây dựng ứng dụng sử dụng Laravel Actions để đóng gói business logic sạch sẽ, kết hợp Livewire cho giao diện tương tác động không tải lại trang. Triển khai phân quyền nâng cao (RBAC) để ngăn chặn truy cập trái phép và thiết lập Docker Compose phục vụ triển khai hạ tầng Azure VM.
Result - Kết quả đạt được
Ứng dụng hoạt động ổn định trên môi trường Azure VM, xử lý mượt mà luồng xác thực danh tính sinh viên qua email trường và cung cấp giao diện thảo luận, trao đổi tài liệu học thuật trực quan cho các câu lạc bộ.
Takeaway - Bài học kinh nghiệm
Nâng cao năng lực tổ chức code sạch với Laravel Actions, thiết kế phân quyền phức tạp và xây dựng quy trình triển khai ứng dụng bằng Docker trên môi trường Azure VM.
Preview & Trải nghiệm thực tế
Mỗi màn hình đi kèm phần mô tả chi tiết để làm rõ luồng hoạt động và trải nghiệm người dùng thực tế.
Project preview
Ảnh này dùng làm bằng chứng cho flow UEconnect. Màn hình "Project preview" giúp giải thích rõ trạng thái UI, dữ liệu hiển thị và thao tác người dùng ở bước đó.
Trải nghiệm dự án
Source Code & Demo
Xem toàn bộ mã nguồn trên GitHub hoặc mở bản demo hoạt động thực tế.