Sinh viên lập trình Web ứng dụng công nghệ Angular và Node.JS trong phát triển Website phụ kiện xe máy MotoFix

15:28 31/07/2025

Vừa qua, nhóm sinh viên Nguyễn Quốc Khải, Trần Thanh Hải, Đoàn Thanh Thạnh tại FPT Polytechnic Cần Thơ đã hoàn thành bài tập môn học Lập trình Front-End Framework 1. Cụ thể, các bạn đã thành công ứng dụng công nghệ Angular và Node.JS trong phát triển Website phụ kiện xe máy MotoFix.

Trong quá trình học tập tại trường Cao đẳng FPT Polytechnic cơ sở Cần Thơ, sinh viên đã được trang bị kiến thức nền tảng vững chắc về lập trình web, cơ sở dữ liệu, thiết kế giao diện người dùng, cũng như kỹ năng xây dựng và triển khai hệ thống phần mềm. Đặc biệt, thông qua môn học Angular và Node.JS, sinh viên đã có cơ hội tiếp cận và thực hành với các công nghệ hiện đại trong phát triển ứng dụng web.

Dựa trên những kiến thức đã học, nhóm sinh viên đã áp dụng Angular để xây dựng giao diện người dùng thân thiện, trực quan, kết hợp với Node.js để phát triển API và xử lý nghiệp vụ phía máy chủ. Cơ sở dữ liệu MySQL được sử dụng để lưu trữ thông tin sản phẩm, người dùng và đơn hàng một cách có tổ chức và hiệu quả. Việc kết hợp ba công nghệ này đã giúp nhóm xây dựng một hệ thống website thương mại điện tử hoàn chỉnh, đáp ứng đầy đủ các chức năng như mua sắm, quản lý sản phẩm, giỏ hàng và xử lý đơn hàng – qua đó thể hiện rõ khả năng vận dụng kiến thức vào thực tế và tinh thần học tập chủ động, sáng tạo.

Giao diện trang chủ của Website MotoFix

Trang chủ của website Moto Fix được thiết kế với giao diện hiện đại, trực quan và tối ưu trải nghiệm người dùng. Ngay khi truy cập, khách hàng được chào đón bằng banner nổi bật giới thiệu các chương trình khuyến mãi và sản phẩm mới nhất. Bên dưới là các danh mục phụ kiện xe máy được phân chia rõ ràng theo từng loại như: đồ chơi xe, phụ tùng thay thế, đồ bảo hộ, dầu nhớt và dụng cụ sửa chữa. Mỗi sản phẩm hiển thị đầy đủ hình ảnh, giá bán và đánh giá từ người dùng, giúp khách hàng dễ dàng lựa chọn.

Ngoài ra, trang chủ còn tích hợp chức năng tìm kiếm thông minh, bộ lọc sản phẩm và các mục tin tức – mẹo bảo dưỡng xe nhằm tăng thêm giá trị cho người truy cập. Với sự kết hợp giữa thiết kế thẩm mỹ và tính năng tiện ích, MotoFix mang đến một không gian mua sắm phụ kiện xe máy chuyên nghiệp và thuận tiện cho mọi đối tượng khách hàng.

Giao diện trang sản phẩm của Website
Giao diện trang bài viết giới thiệu sản phẩm

Trong hệ thống quản trị của MotoFix, người quản trị được cung cấp đầy đủ công cụ để quản lý đơn hàng và sản phẩm một cách hiệu quả và có tổ chức. Đối với nghiệp vụ quản lý đơn hàng, hệ thống cho phép phân loại đơn hàng theo các trạng thái như: Chờ xác nhận, Đã xác nhận, Đang giao, Đã giao và Đã hủy. Người quản trị có thể dễ dàng theo dõi tiến trình xử lý từng đơn hàng, cập nhật trạng thái tương ứng và xem chi tiết thông tin khách hàng, sản phẩm đã đặt cũng như phương thức thanh toán.

Giao diện trang quản lý chi tiết đơn hàng của người quản trị

Song song đó, trong quản lý sản phẩm, hệ thống cũng hỗ trợ phân loại sản phẩm theo các trạng thái như: Hiển thị, Ẩn và Thùng rác. Việc phân loại này giúp người quản trị kiểm soát tình trạng hàng hóa, cập nhật thông tin kịp thời và đảm bảo sản phẩm hiển thị đúng với thực tế. Ngoài ra, chức năng thêm mới, chỉnh sửa và xóa sản phẩm cũng được thiết kế linh hoạt, hỗ trợ thao tác nhanh chóng và chính xác. Tất cả các chức năng trên góp phần giúp quản trị viên điều hành hoạt động kinh doanh hiệu quả, đồng thời nâng cao trải nghiệm mua sắm cho khách hàng.

Giao diện quản lý danh sách sản phẩm của người quản trị

Trong suốt quá trình thực hiện dự án, nhóm sinh viên đã luôn nỗ lực hết mình để hoàn thành sản phẩm một cách tốt nhất. Dù gặp không ít khó khăn như thiếu kinh nghiệm thực tế, phát sinh lỗi kỹ thuật hay thời gian triển khai hạn chế. Nhưng với tinh thần học hỏi và làm việc nhóm tích cực, các thành viên đã cùng nhau tìm tòi tài liệu, thảo luận, phân chia công việc hợp lý và hỗ trợ lẫn nhau để giải quyết từng vấn đề.

Nhóm cũng chủ động tiếp thu ý kiến đóng góp từ giảng viên hướng dẫn để cải thiện giao diện, tối ưu chức năng và hoàn thiện hệ thống. Chính sự kiên trì và tinh thần trách nhiệm cao đã giúp nhóm không chỉ hoàn thành đúng tiến độ mà còn đạt được nhiều tiến bộ rõ rệt về kỹ năng lập trình, tư duy thiết kế hệ thống và cách làm việc chuyên nghiệp trong môi trường dự án thực tế.

Giảng viên Lê Ngọc Đào
Bộ môn Công nghệ thông tin
FPT Polytechnic Cần Thơ

Hỗ trợ tư vấn và giải đáp thông tin tuyển sinh FPT Polytechnic

Cùng chuyên mục

Đăng ký nhập học tại FPT Polytechnic 2026

  • Max. file size: 50 MB.
  • Max. file size: 50 MB.
  • Max. file size: 50 MB.