Trong thời đại chuyển đổi số, việc mua sắm và quản lý kinh doanh ngày càng được tối ưu hóa thông qua nền tảng trực tuyến. Từ thực tế đó, nhóm sinh viên năm nhất của FPT Aptech đã phát triển RheemCooling – một website thương mại điện tử chuyên cung cấp sản phẩm điều hòa không khí đa thương hiệu, giúp người dùng dễ dàng tìm kiếm, so sánh và lựa chọn thiết bị phù hợp với nhu cầu.
Giải pháp số hóa toàn diện cho doanh nghiệp điện máy
Dự án RheemCooling được nhóm sinh viên gồm Phạm Gia Bảo (trưởng nhóm), Nguyễn Thành Bảo và Võ Công Quốc Quang thực hiện trong học kỳ 1 của môn eProject 1. Mục tiêu chính của sản phẩm là tạo ra nền tảng số giúp công ty Rheem Cooling mở rộng hoạt động kinh doanh, đồng thời nâng cao trải nghiệm mua sắm cho khách hàng.
Website được phát triển theo mô hình Single Page Application (SPA), thiết kế responsive để hiển thị mượt mà trên mọi thiết bị. Người dùng có thể dễ dàng tìm kiếm, lọc và xem chi tiết các sản phẩm điều hòa theo thương hiệu, công suất, giá hoặc màu sắc. Bên cạnh đó, trang web còn tích hợp các tính năng như lưu sản phẩm yêu thích, xem lại sản phẩm đã xem gần đây, và nhận phản hồi xác nhận sau khi gửi liên hệ.
RheemCooling được xây dựng bằng ReactJS, kết hợp các công nghệ và thư viện phổ biến như TailwindCSS, Bootstrap, Swiper.js, AOS animation và Geolocation API. Cách kết hợp này giúp website vận hành ổn định, tốc độ tải nhanh và giao diện hiện đại, thân thiện.
Nhờ áp dụng lazy loading, caching trình duyệt, nén CSS/JS và kỹ thuật render sớm, website đạt hiệu suất cao ngay cả khi hiển thị hàng loạt sản phẩm. Hệ thống lưu trữ JSON và localStorage giúp đồng bộ dữ liệu, giảm phụ thuộc vào backend mà vẫn đảm bảo tính ổn định và dễ mở rộng.
Học cách làm việc nhóm như lập trình viên chuyên nghiệp
Trong quá trình phát triển, nhóm gặp không ít thử thách về quản lý mã nguồn và phối hợp công việc trên GitHub. Các lỗi xung đột code, mất dữ liệu khi merge hay sai lệch state trong ReactJS từng khiến website “trắng xóa” chỉ vì một dòng code bị xóa nhầm. Tuy nhiên, những lần “vật lộn” với bug và conflict lại trở thành trải nghiệm đáng nhớ, giúp nhóm hiểu rõ hơn quy trình làm việc chuyên nghiệp của lập trình viên.
Để khắc phục, nhóm phân chia rõ chức năng từng component, áp dụng quy trình “build – test – fix” theo từng giai đoạn và họp ngắn mỗi ngày để cập nhật tiến độ. Cách làm này giúp sản phẩm hoàn thiện ổn định, đồng thời nâng cao kỹ năng làm việc nhóm và tư duy quản lý dự án.
Website RheemCooling không chỉ đạt yêu cầu kỹ thuật mà còn thể hiện sự chỉn chu trong từng chi tiết. Giao diện hiện đại, màu sắc thương hiệu nổi bật, bố cục logic cùng khả năng hoạt động tốt trên nhiều trình duyệt (Chrome, Firefox, Edge, Safari) cho thấy năng lực lập trình vững vàng của nhóm sinh viên ngay từ học kỳ đầu tiên.
Từ dự án này, các thành viên nhóm 2 đã tích lũy được nền tảng kiến thức vững chắc về ReactJS, TailwindCSS, Vite, cùng khả năng xử lý logic dữ liệu, tối ưu hiệu suất và kiểm thử giao diện trên nhiều thiết bị. Quan trọng hơn, họ học được tinh thần hợp tác, khả năng gỡ lỗi nhóm, và sự kiên trì trong từng dòng code. Xem link Deloy dự án TẠI ĐÂY.
Cùng xem video giới thiệu về sản phẩm sinh viên kỳ 1 tại FPT Aptech:
Giảng viên Lê Mộng Thúy
| FPT Aptech trực thuộc Tổ chức Giáo dục FPT có hơn 25 năm kinh nghiệm đào tạo lập trình viên quốc tế tại Việt Nam, và luôn là sự lựa chọn ưu tiên của các sinh viên và nhà tuyển dụng. |
