Thực hành & xây dựng

Những dự án tiêu biểu đã và đang phát triển

Bốn dự án dưới đây thể hiện hành trình kết hợp UI/UX với lập trình web/backend của mình. Mỗi sản phẩm đều xuất phát từ bài toán thực tế sinh viên hoặc nhu cầu cá nhân, được triển khai và duy trì trên GitHub.

Giao diện dự án StuSmart

StuSmart

Nền tảng quản lý thông tin sinh viên UTH

Web app giúp sinh viên theo dõi lịch học, điểm số và cập nhật học phí. Mình phụ trách nghiên cứu UX, thiết kế UI trong Figma, tạo prototype HTML/CSS và xây dựng backend Express.js kết nối MongoDB để đồng bộ dữ liệu theo tài khoản.

Figma HTML/CSS Express.js MongoDB
Giao diện dự án MultiDriver Hub

MultiDriver Hub

Trình quản lý nhiều tài khoản Google Drive

Ứng dụng desktop tích hợp Python (PySide6) và Node.js để quản lý nhiều tài khoản Drive. Hỗ trợ đồng bộ dữ liệu, tìm kiếm nâng cao và báo cáo dung lượng. Mình đảm nhận kiến trúc luồng, UI và tài liệu hoá API giữa hai ngăn ứng dụng.

Python PySide6 Node.js Express.js Google Drive API
Giao diện trò chơi BattleShip

BattleShip

Trò chơi hải chiến luyện thuật toán

Trò chơi BattleShip chạy trên Python console. Dự án giúp mình rèn luyện xử lý ma trận, kiểm tra va chạm tàu và tạo đối thủ AI cơ bản. Phục vụ môn Cơ sở lập trình và luyện tập cấu trúc dữ liệu.

Python Game Logic Ma trận
Giao diện trò chơi Rock Paper Scissors

Rock Paper Scissors

Game web mini luyện JavaScript

Trò chơi oẳn tù tì được xây dựng bằng HTML, CSS, JavaScript thuần. Mình tập trung vào tạo hiệu ứng chuyển động, viết logic so sánh kết quả sạch và dễ mở rộng cho nhiều chế độ chơi mới, đồng thời tối ưu trải nghiệm trên thiết bị di động.

HTML CSS JavaScript Animation