Nhóm 03 của lớp kỳ 1 FPT Aptech vừa hoàn thiện RockParadise – website thương mại điện tử dành cho trang sức và đá quý, được phát triển trong kỳ học đầu tiên. Sản phẩm được thực hiện bởi ba sinh viên gồm Tăng Thiện Tân (trưởng nhóm), Phan Minh Huy và Phạm Quốc Tuấn. Dù mới tiếp cận công nghệ lập trình web trong thời gian ngắn, nhóm đã xây dựng được một hệ thống bán hàng trực tuyến hoàn chỉnh với đầy đủ chức năng từ xem sản phẩm đến thanh toán.

RockParadise được phát triển với mục tiêu mang đến trải nghiệm mua sắm đá quý trực tuyến nhanh chóng, tiện lợi và an toàn. Website cho phép người dùng xem thông tin chi tiết từng mẫu trang sức, tìm kiếm theo nhu cầu, thêm sản phẩm vào giỏ và thanh toán trực tuyến. Nhóm hướng đến việc kết hợp giữa nghệ thuật của đá quý và công nghệ hiện đại, tạo ra một giao diện sang trọng, mạch lạc, phù hợp với dòng sản phẩm cao cấp.

Trong quá trình triển khai, nhóm bắt đầu bằng việc tham khảo các nền tảng bán trang sức như PNJ, DOJI, Jemmia, GLAMIRA hay Tierra để phân tích ưu – nhược điểm, từ đó xác định rõ nhu cầu người dùng. Ở giai đoạn tiếp theo, nhóm xây dựng phạm vi dự án, lên kế hoạch chi tiết và phân chia nhiệm vụ hợp lý cho từng thành viên. Toàn bộ hệ thống được thiết kế với ReactJS, kết hợp Bootstrap CSS ở phần giao diện, cùng các công cụ GitHub và Figma để hỗ trợ làm việc nhóm.

Các chức năng chính của RockParadise gồm trang chủ, danh mục sản phẩm, bộ sưu tập, tìm kiếm, xem chi tiết, giỏ hàng và thanh toán. Nhóm đặc biệt chú trọng tối ưu trải nghiệm người dùng với điều hướng mượt mà, khả năng tìm kiếm thông minh và giỏ hàng linh hoạt. Màu sắc chủ đạo trắng – vàng nâu giúp tổng thể giao diện giữ được nét sang trọng của ngành hàng trang sức.

Trong quá trình phát triển, nhóm gặp không ít thử thách. Việc tối ưu giao diện với Bootstrap trở nên phức tạp khi triển khai trên nhiều kích thước màn hình, buộc các thành viên phải tận dụng linh hoạt hệ thống lớp d-…, md-…, lg-… cùng các thư viện như Swiper để xử lý responsive trên mobile. Bên cạnh đó, tính năng giỏ hàng là phần khiến nhóm lúng túng nhất. Bằng cách sử dụng createContext và useContext trong React, nhóm đã giải quyết được bài toán thêm, xóa và cập nhật sản phẩm cũng như tính tổng chi phí.

Các bạn cũng chia sẻ rằng đã có lúc gặp lỗi khi dùng thư viện hiệu ứng Animated on Scroll, khiến giao diện mất ổn định trên thiết bị di động. Tuy vậy, nhờ làm việc nhóm chặt chẽ, cả ba đã cùng tìm cách khắc phục và hoàn thiện dự án đúng tiến độ.

Thông qua RockParadise, sinh viên học được nhiều kỹ thuật quan trọng như tổ chức route và component trong ReactJS, sử dụng Bootstrap hiệu quả và thiết kế giao diện bằng Figma. Các kỹ năng mềm như phân chia công việc, trao đổi nhóm, quản lý dự án bằng GitHub cũng được rèn luyện rõ rệt. Đây là bước chuẩn bị quan trọng cho hành trình nghề nghiệp của các lập trình viên trong tương lai.

Nhóm đặt mục tiêu phát triển RockParadise thành một nền tảng hoàn chỉnh hơn trong thời gian tới. Các tính năng dự kiến bổ sung gồm tích hợp thanh toán VNPay hoặc Momo, cho phép người dùng đăng ký tài khoản để theo dõi đơn hàng, gợi ý sản phẩm theo phong thủy – ngũ hành và phát triển ứng dụng di động đồng bộ với website.

RockParadise cho thấy khả năng sáng tạo, tư duy công nghệ và tinh thần chủ động của sinh viên FPT Aptech ngay từ những môn học đầu tiên. Đây cũng là minh chứng cho triết lý học đi đôi với hành, giúp người học làm quen với quy trình phát triển sản phẩm thực tế ngay trong lớp học.

Cùng xem video đồ án kỳ 1 – Website bán trang sức, đá quý RockParadise của nhóm sinh viên FPT Aptech:

Giảng viên Lê Mộng Thúy