Bối cảnh và vấn đề nghiên cứu

Trong bối cảnh chuyển đổi số và tin học hóa các hoạt động kinh tế - xã hội, việc ứng dụng công nghệ thông tin vào thương mại đã trở thành phương thức phổ biến để quảng bá thương hiệu, cung cấp sản phẩm và tối ưu hóa quy trình kinh doanh. Mua bán hàng hóa trực tuyến, đặc biệt là các mặt hàng thiết bị điện tử, laptop và linh phụ kiện, giúp người tiêu dùng tiết kiệm thời gian, chi phí, đồng thời hỗ trợ các đơn vị kinh doanh quản lý hệ thống bán hàng một cách có tổ chức và chính xác. Đồ án tốt nghiệp "Thiết kế và xây dựng website bán đồ điện tử trực tuyến" của tác giả Phan Việt Linh (sinh viên lớp Công nghệ thông tin K13, Trường Đại học Phenikaa; dưới sự hướng dẫn của ThS. Vũ Quang Dũng, bảo vệ tháng 09/2023) được thực hiện nhằm giải quyết bài toán xây dựng nền tảng thương mại điện tử chuyên biệt cho ngành hàng thiết bị số.

Về nhiệm vụ và mục tiêu, đề tài được xác định theo các nội dung cụ thể sau:

  1. Nhiệm vụ nghiên cứu và phát triển:

    • Nghiên cứu và phân tích thị trường bán đồ điện tử trực tuyến nhằm xác định nhu cầu, hành vi và xu hướng của người tiêu dùng.
    • Thiết kế giao diện người dùng (UI) và trải nghiệm người dùng (UX) hướng tới tính tiện dụng, trực quan và thân thiện.
    • Xây dựng cấu trúc cơ sở dữ liệu để quản lý danh mục sản phẩm, dữ liệu người dùng, thông tin đơn đặt hàng và các thành phần phụ trợ của hệ thống.
    • Phát triển hệ thống các chức năng nghiệp vụ phía khách hàng: đăng ký, đăng nhập, tìm kiếm, duyệt danh mục, xem chi tiết sản phẩm, thêm vào giỏ hàng, đặt hàng và thanh toán.
    • Phát triển giao diện và cụm chức năng quản trị viên (Admin): quản lý sản phẩm (thêm, sửa, xóa, ẩn/hiện theo tình trạng còn hàng/hết hàng), quản lý người dùng, quản lý hóa đơn và theo dõi thống kê.

  2. Mục đích của đề tài:

    • Đáp ứng nhu cầu mua sắm trực tuyến ngày càng gia tăng, tạo môi trường giao dịch thương mại thuận tiện.
    • Rút ngắn khoảng cách không gian và thời gian giữa người mua và người bán thông qua khả năng cập nhật thông tin sản phẩm tức thời.
    • Hỗ trợ công tác quản lý hàng hóa, xử lý đơn đặt hàng và xuất hóa đơn một cách nhanh chóng, có hệ thống.

  3. Đối tượng và phạm vi nghiên cứu:

    • Đối tượng nghiên cứu: Quy trình mua bán, quản trị sản phẩm công nghệ (tập trung vào máy tính bảng, máy tính xách tay - laptop và các phụ kiện đi kèm); kiến trúc ứng dụng web hướng thành phần (Component-based) và nền tảng cơ sở dữ liệu đám mây.
    • Phạm vi không gian và công nghệ: Xây dựng ứng dụng web chạy trên nền tảng trình duyệt, sử dụng thư viện giao diện ReactJS kết hợp hệ sinh thái dịch vụ Backend-as-a-Service của Google Firebase.
    • Phạm vi đối tượng sử dụng: Phục vụ tất cả người dùng có nhu cầu mua sắm thiết bị điện tử qua mạng Internet và nhà quản trị vận hành cửa hàng.

Cơ sở lý thuyết và phương pháp

Đồ án ứng dụng các nền tảng lý thuyết và công nghệ kỹ thuật web hiện đại để thiết kế và hiện thực hóa hệ thống:

Khung lý thuyết và công nghệ sử dụng

  • Mạng Internet và giao thức Web: Nghiên cứu cơ chế trao đổi thông tin giữa Client (trình duyệt) và Server thông qua các yêu cầu (Request) và phản hồi (Response) dữ liệu.
  • Ngôn ngữ đánh dấu siêu văn bản (HTML/HTML5): Sử dụng các cấu trúc thẻ ngữ nghĩa chuẩn (<!DOCTYPE html>, <html>, <head>, <body>, <header>, <main>, <footer>) để định hình bố cục trang, tích hợp đa phương tiện và phối hợp với CSS/JavaScript.
  • Thư viện ReactJS: Xây dựng giao diện ứng dụng đơn trang (Single Page Application - SPA) dựa trên các nguyên lý cốt lõi:
    • Component: Chia nhỏ giao diện thành các khối độc lập, có thể tái sử dụng.
    • JSX (JavaScript XML): Cú pháp mở rộng kết hợp mã HTML bên trong JavaScript.
    • Virtual DOM: Bản sao ảo của DOM thực tế, cho phép so sánh (Diffing) và cập nhật có chọn lọc phần tử thay đổi nhằm tối ưu hiệu năng render qua quy trình 5 bước (Khởi tạo Component -> Render Component -> Tạo Virtual DOM -> So sánh Virtual DOM và DOM thật -> Cập nhật DOM thật).
    • State & Props: Cơ chế quản lý dữ liệu động nội tại của từng thành phần và truyền dữ liệu một chiều (Unidirectional Data Flow) từ component cha xuống component con.
    • Lifecycle Methods: Điều khiển các hành vi của component tại từng giai đoạn vòng đời.
  • Cơ chế lưu trữ Client-Side (Cookie & LocalStorage): Phục vụ việc lưu trữ phiên đăng nhập, thông tin xác thực tài khoản và giỏ hàng tạm thời trên trình duyệt người dùng.
  • Nền tảng Google Firebase: Đóng vai trò hệ thống máy chủ và cơ sở dữ liệu đám mây, sử dụng các dịch vụ:
    • Firebase Authentication: Xác thực người dùng (hỗ trợ Email/Password, tích hợp các phương thức popup/redirect với bên thứ ba qua các hàm như signInWithPopup, signInWithRedirect, onAuthStateChanged).
    • Firebase Realtime Database & Firestore: Cơ sở dữ liệu NoSQL hỗ trợ đồng bộ dữ liệu thời gian thực và thực thi các thao tác thêm, sửa, xóa (add, push, update, delete, remove).
    • Firebase Storage: Lưu trữ tệp tin hình ảnh sản phẩm, ảnh đại diện người dùng (put, getDownloadURL).
    • Các dịch vụ mở rộng: Firebase Hosting (triển khai mã nguồn web tĩnh), Cloud Functions, Cloud Messaging (FCM - messaging().onMessage), Remote Config (fetchAndActivate), và Firebase Analytics (logEvent).

Phương pháp nghiên cứu và công cụ phát triển

  • Phương pháp phân tích và thiết kế hệ thống: Sử dụng mô hình hướng đối tượng, phân rã chức năng qua biểu đồ Use Case tổng quát, xây dựng biểu đồ hoạt động (Activity Diagram) và biểu đồ tuần tự (Sequence Diagram) cho các kịch bản nghiệp vụ.
  • Phương pháp thiết kế dữ liệu: Mô hình hóa các bảng lưu trữ thông tin thực thể (Users, Products, Orders) và mối liên kết dữ liệu.
  • Công cụ phát triển và môi trường làm việc:
    • Visual Studio Code: Môi trường phát triển tích hợp (IDE) chính để viết mã nguồn.
    • npm (Node Package Manager): Quản lý các gói thư viện và dependencies của ứng dụng.
    • GitHub: Quản lý phiên bản mã nguồn phân tán và theo dõi lịch sử chỉnh sửa.
    • Firebase Console & CLI: Quản trị cơ sở dữ liệu trực tuyến và thực hiện đóng gói, triển khai (deploy) ứng dụng.

Nội dung chính theo từng chương

Bố cục khóa luận được triển khai thành 4 chương chính:

Chương 1: Mở đầu

Chương 1 trình bày tổng quan về tính cấp thiết của đề tài trong bối cảnh thương mại điện tử phát triển mạnh mẽ. Tác giả chỉ rõ các thách thức kỹ thuật khi xây dựng một website bán hàng công nghệ: yêu cầu giao diện thân thiện, bảo mật thông tin tài khoản, khả năng quản lý danh mục sản phẩm phức tạp và xử lý đơn hàng chính xác. Chương này xác định chi tiết nhiệm vụ (nghiên cứu thị trường, thiết kế UI/UX, xây dựng CSDL, lập trình chức năng Client/Admin), mục đích (rút ngắn khoảng cách mua bán, hệ thống hóa quản lý hàng hóa) và phạm vi nghiên cứu (tập trung vào laptop, máy tính bảng và phụ kiện điện tử).

Chương 2: Kiến thức cơ bản

Chương 2 tổng hợp toàn bộ nền tảng lý thuyết và công nghệ nền tảng được áp dụng trong đề tài:

  • Kiến thức Internet và HTML: Giải thích nguyên lý hoạt động của mạng toàn cầu, cấu trúc phân tầng của tài liệu HTML chuẩn, cùng ưu nhược điểm của việc sử dụng HTML trong lập trình web.
  • Thư viện ReactJS: Trình bày chi tiết cơ chế hoạt động của ReactJS; quy trình kết xuất giao diện qua Virtual DOM gồm 5 bước; cách sử dụng State, Props, và phương thức vòng đời Component. Tác giả phân tích kỹ thuật lưu trữ dữ liệu tại Client bằng Cookie (sử dụng thư viện React Cookie, hàm removeCookie) và LocalStorage (phân biệt về thời gian tồn tại, dung lượng và quyền truy cập).
  • Hệ sinh thái Firebase: Trình bày các module chức năng của Firebase (Authentication, Realtime Database, Firestore, Storage, Cloud Functions, Hosting, FCM, Analytics, ML Kit); quy trình 4 bước kết nối ReactJS với Firebase (Cài đặt -> Khởi tạo kết nối -> Truy vấn dữ liệu -> Lưu trữ/Cập nhật dữ liệu). Tổng hợp các hàm xử lý chuỗi trong JavaScript/Firebase (toUpperCase, toLowerCase, startsWith, endsWith, includes, substring, replace, split, trim, length) và các API tương tác dịch vụ.
Nhóm chức năng Firebase Tên hàm / Phương thức chính Vai trò trong hệ thống
Authentication signInWithPopup(), signInWithRedirect(), onAuthStateChanged() Xác thực và theo dõi trạng thái đăng nhập của người dùng.
Realtime Database push(), update(), remove() Thêm bản ghi mới có tạo khóa, cập nhật và xóa đường dẫn dữ liệu.
Firestore Database add(), update(), delete() Thao tác trên Document và Collection trong cơ sở dữ liệu linh hoạt.
Cloud Storage put(), getDownloadURL() Tải lên tệp ảnh sản phẩm và lấy đường dẫn URL truy xuất công khai.
Hỗ trợ & Đo lường onMessage(), fetchAndActivate(), logEvent() Tiếp nhận thông báo đẩy (FCM), nạp cấu hình từ xa và ghi log sự kiện.

Chương 3: Phân tích và thiết kế hệ thống

Chương 3 tập trung vào thiết kế hệ thống phần mềm, phân định rõ ràng các yêu cầu nghiệp vụ, bảo mật và kiến trúc chức năng cho 3 nhóm tác nhân (Actors):

  1. Phân tích yêu cầu chức năng theo tác nhân:

    • Khách (Guest): Đăng ký tài khoản mới (kiểm tra trường bắt buộc: email, mật khẩu, nhập lại mật khẩu); tìm kiếm sản phẩm (theo danh mục, tên, chủng loại); xem thông tin chi tiết sản phẩm qua định danh (ID).
    • Thành viên (Member): Kế thừa chức năng của Khách và bổ sung: Đăng nhập (kiểm tra email/mật khẩu với CSDL); Đăng xuất (xóa Cookie/LocalStorage); Xem và sửa thông tin cá nhân; Thêm sản phẩm vào giỏ hàng (lưu thông tin ID và số lượng vào LocalStorage/Cookie); Xem giỏ hàng (tính toán đơn giá, số lượng, thành tiền, tổng tiền); Đặt hàng (điền thông tin nhận hàng, ghi nhận hóa đơn vào CSDL); Theo dõi trạng thái đơn hàng; Xem lịch sử đơn hàng; Đổi mật khẩu tài khoản.
    • Quản trị viên (Admin): Kế thừa chức năng Thành viên và sở hữu đặc quyền quản trị: Quản lý tình trạng sản phẩm (cập nhật trạng thái "còn hàng"/"hết hàng", giá trước và sau khuyến mãi, mô tả, phí ship, hình ảnh); Thêm, sửa, xóa sản phẩm; Quản lý tài khoản người dùng (xem danh sách, thời gian đăng nhập/đăng xuất, trạng thái, phân quyền theo vai trò Role); Quản lý khách hàng; Quản lý và cập nhật trạng thái hóa đơn bán lẻ.

  2. Mô hình hóa động học (Biểu đồ hoạt động & Biểu đồ tuần tự):

    • Xây dựng biểu đồ hoạt động chi tiết cho các tiến trình: Đăng nhập, Đăng xuất, Đăng ký thành viên, Đổi mật khẩu, Thêm sản phẩm vào giỏ hàng, Đặt hàng, Xem lịch sử và theo dõi đơn hàng.
    • Xây dựng biểu đồ tuần tự (Sequence Diagram) mô tả tương tác giữa Người dùng (Actor), Giao diện trang (Page), Giao diện lập trình ứng dụng (Web API), Máy chủ (Server) và Cơ sở dữ liệu (Database) cho 4 ca sử dụng trọng tâm: Đăng nhập, Đăng ký, Thêm giỏ hàng và Đặt hàng.

  3. Thiết kế cơ sở dữ liệu:

    • Hệ thống tổ chức dữ liệu theo các nhóm sản phẩm và thực thể quản lý. Cấu trúc bảng người dùng (Users) được thiết lập chi tiết phục vụ kiểm soát phiên và phân quyền:
Tên trường (Field) Ý nghĩa nghiệp vụ Ghi chú
id Mã định danh duy nhất của người dùng Khóa chính (Primary Key)
email Địa chỉ thư điện tử Tài khoản đăng nhập hệ thống
password Mật khẩu truy cập Mã hóa phục vụ bảo mật
fullname Họ và tên đầy đủ của người dùng Thông tin cá nhân
birthdate Ngày tháng năm sinh Thông tin cá nhân
cccd Số Căn cước công dân Thông tin định danh cá nhân
address Địa chỉ liên hệ và giao hàng Phục vụ vận chuyển đơn hàng
role Phân quyền tài khoản (User/Admin) Kiểm soát quyền truy cập trang quản trị
img Đường dẫn ảnh đại diện Lưu trữ URL từ Firebase Storage

Chương 4: Triển khai và thực nghiệm

Chương 4 mô tả kết quả lập trình giao diện và các khía cạnh triển khai hệ thống:

  • Giao diện hệ thống thực tế: Hiện thực hóa các màn hình chức năng bao gồm: Trang chủ (hiển thị danh mục, banner, sản phẩm nổi bật); Trang đăng ký và đăng nhập; Trang chi tiết sản phẩm; Trang quản lý giỏ hàng; Trang xác nhận đơn hàng (Confirm); Trang thông tin người dùng; Trang lịch sử đơn hàng; Trang bảng điều khiển quản trị (Admin Dashboard).
  • Cài đặt, đánh giá và kiểm thử: Thiết lập môi trường triển khai thực tế trên Firebase Hosting; mô tả quy trình build và deploy mã nguồn; thực hiện đánh giá hiệu năng tải trang và kiểm thử chức năng website đảm bảo các ca sử dụng hoạt động đúng kịch bản thiết kế.

Thiết kế và triển khai

Hệ thống được thiết kế theo mô hình kiến trúc phân lớp ứng dụng web hiện đại, tách biệt giữa tầng hiển thị giao diện phía Client và tầng dữ liệu phía Cloud:

[Người dùng / Trình duyệt Web]
[Google Firebase Cloud]

  1. Kiến trúc và Công nghệ triển khai:

    • Frontend: Xây dựng trên nền ReactJS, sử dụng cơ chế định tuyến Single Page Application giúp chuyển trang không cần tải lại toàn bộ tài liệu HTML. Virtual DOM đảm nhiệm việc tối ưu hóa tốc độ kết xuất dữ liệu sản phẩm.
    • Backend & Cơ sở dữ liệu: Sử dụng giải pháp Serverless với Google Firebase. Dữ liệu thực thể được tổ chức dạng Collection/Document (Firestore) hoặc JSON Tree (Realtime Database), giảm thiểu chi phí cấu hình máy chủ vật lý.
    • Quản lý trạng thái phiên làm việc: Sử dụng kết hợp Cookie và LocalStorage tại máy khách để lưu mã token, ID sản phẩm và số lượng hàng trong giỏ, đảm bảo giỏ hàng không bị mất khi người dùng tải lại trang.

  2. Quy trình xử lý nghiệp vụ mẫu (Đặc tả luồng tuần tự):

    • Quy trình Đăng nhập: Người dùng gửi thông tin email và password từ giao diện -> Trang gửi yêu cầu tới Web API -> API chuyển thông tin lên Server/Firebase Auth -> Kiểm tra đối chiếu với CSDL -> Nếu hợp lệ, hệ thống tạo phiên làm việc, thiết lập Cookie/LocalStorage và điều hướng về Trang chủ; nếu sai, hiển thị thông báo lỗi yêu cầu nhập lại.
    • Quy trình Đặt hàng: Người dùng kiểm tra giỏ hàng và chọn "Thanh toán" -> Hệ thống điều hướng đến trang xác nhận (Confirm Page) -> Người dùng nhập thông tin giao hàng -> Hệ thống gửi ID đơn hàng, thông tin khách hàng và danh sách sản phẩm lên CSDL -> Cập nhật trạng thái đơn hàng -> Trả kết quả thông báo đặt hàng thành công ra màn hình.

  3. Quy trình đóng gói và kiểm thử:

    • Mã nguồn được quản lý phiên bản thông qua Git và lưu trữ tại GitHub.
    • Các gói phụ thuộc được quản lý qua tệp tin package.json và cài đặt bằng công cụ npm.
    • Hệ thống trải qua các bước kiểm thử chức năng (Functional Testing) trên môi trường cục bộ thông qua trình soạn thảo Visual Studio Code trước khi đóng gói và triển khai trực tiếp lên môi trường production của Firebase Hosting.

Kết quả và đóng góp

Đồ án đã hoàn thành các mục tiêu nghiên cứu và kỹ thuật đặt ra trong văn bản báo cáo:

  • Kết quả chức năng: Xây dựng thành công website thương mại điện tử chuyên biệt cho sản phẩm điện tử (laptop, phụ kiện) với đầy đủ 3 phân hệ người dùng: Khách vãng lai, Thành viên có tài khoản và Quản trị viên (Admin).
  • Kết quả thiết kế hệ thống: Thiết lập hoàn chỉnh sơ đồ Use Case, 7 biểu đồ luồng hoạt động (Activity Diagrams) và 4 biểu đồ tuần tự (Sequence Diagrams), chuẩn hóa cấu trúc bảng CSDL Users với 9 trường thông tin cốt lõi phục vụ bảo mật và quản lý giao dịch.
  • Kết quả công nghệ: Ứng dụng thành công mô hình kết hợp giữa ReactJS (xử lý giao diện động một chiều, tối ưu Virtual DOM) và Firebase (xử lý cơ sở dữ liệu thời gian thực, lưu trữ hình ảnh và phân quyền bảo mật), chứng minh tính khả thi của giải pháp xây dựng web thương mại điện tử không cần duy trì hạ tầng máy chủ truyền thống phức tạp.

Hạn chế và hướng nghiên cứu tiếp

Dựa trên nội dung và phạm vi nghiên cứu được tác giả trình bày trong báo cáo:

  • Hạn chế: Do giới hạn về thời gian thực hiện, đồ án mới chỉ tập trung vào nghiệp vụ cốt lõi của mặt hàng máy tính bảng, laptop và phụ kiện. Hệ thống chưa tích hợp sâu các cổng thanh toán điện tử trực tuyến tự động phức tạp bên thứ ba (như ví điện tử, cổng ngân hàng nội địa/quốc tế) mà chủ yếu xử lý theo luồng lập đơn hàng và xác nhận nội bộ; cấu trúc dữ liệu demo tập trung chủ yếu vào bảng Users.
  • Hướng phát triển: Mở rộng danh mục sản phẩm đồ điện tử đa ngành; tích hợp các công nghệ nâng cao của Firebase như Firebase Cloud Messaging (FCM) để gửi thông báo trạng thái đơn hàng tự động đến thiết bị di động, khai thác module Machine Learning (ML Kit) để hỗ trợ tìm kiếm sản phẩm bằng hình ảnh; tối ưu hóa chuyên sâu trải nghiệm người dùng trên thiết bị di động.

Giá trị tham khảo

Báo cáo đồ án tốt nghiệp là tài liệu tham khảo có giá trị chuyên môn cho:

  • Sinh viên ngành Công nghệ thông tin và Kỹ thuật phần mềm: Nắm bắt quy trình từng bước xây dựng một ứng dụng web thương mại điện tử hoàn chỉnh, từ khâu khảo sát, phân tích Use Case, vẽ biểu đồ tuần tự đến khâu lập trình giao diện.
  • Người nghiên cứu và phát triển Web: Tham khảo phương pháp tích hợp thực tế giữa thư viện ReactJS (quản lý State, Props, Virtual DOM, Cookie/LocalStorage) với nền tảng điện toán đám mây Google Firebase (Authentication, Firestore, Storage, Hosting).
  • Phần nội dung đáng chú ý: Chương 2 (các bảng tổng hợp hàm API Firebase và phương thức xử lý chuỗi) và Chương 3 (đặc tả luồng xử lý chi tiết qua biểu đồ hoạt động và biểu đồ tuần tự).

Câu hỏi thường gặp

1. Đồ án lựa chọn tech stack chính nào để xây dựng website?
Website được xây dựng bằng cách kết hợp thư viện ReactJS ở phía Frontend (quản lý giao diện đơn trang SPA, Virtual DOM, State/Props) và nền tảng Google Firebase ở phía Backend/Database (Authentication, Realtime Database, Firestore, Storage, Hosting). Mã nguồn được quản lý bằng Git/GitHub, lập trình trên Visual Studio Code và quản lý gói thư viện qua npm.

2. Hệ thống phân chia người dùng thành những nhóm tác nhân (Actors) nào và quyền hạn ra sao?
Hệ thống phân tách thành 3 nhóm tác nhân:

  • Khách: Tìm kiếm, duyệt danh mục, xem chi tiết sản phẩm và đăng ký tài khoản.
  • Thành viên: Đăng nhập, đăng xuất, cập nhật thông tin cá nhân, đổi mật khẩu, thêm sản phẩm vào giỏ, xem giỏ hàng, đặt hàng, xem lịch sử và theo dõi đơn hàng.
  • Admin: Toàn quyền quản trị danh mục sản phẩm (thêm, sửa, xóa, ẩn/hiện theo trạng thái còn/hết hàng), quản lý người dùng, quản lý khách hàng và theo dõi, thay đổi trạng thái hóa đơn bán hàng.

3. Cơ chế quản lý phiên đăng nhập và giỏ hàng tạm thời của người dùng được xử lý như thế nào?
Hệ thống sử dụng cơ chế lưu trữ phía Client thông qua Cookie và LocalStorage. Khi người dùng đăng nhập hoặc chọn hàng, thông tin xác thực và mã định danh sản phẩm (ID) cùng số lượng tương ứng sẽ được lưu vào Cookie/LocalStorage. Khi đăng xuất, hệ thống sẽ thực hiện lệnh xóa các thông tin lưu trữ này để kết thúc phiên làm việc.

4. Bảng dữ liệu Users trong hệ thống gồm những trường thông tin cụ thể nào?
Bảng Users được thiết kế gồm 9 trường thuộc tính: id (mã định danh), email (tài khoản đăng nhập), password (mật khẩu), fullname (họ tên), birthdate (ngày sinh), cccd (căn cước công dân), address (địa chỉ), role (vai trò quyền hạn), và img (đường dẫn ảnh đại diện).

5. Cơ chế hoạt động của ReactJS được đồ án mô tả qua những bước nào?
Ứng dụng ReactJS hoạt động theo quy trình 5 bước: (1) Khởi tạo Component và thiết lập trạng thái ban đầu; (2) Render Component qua phương thức render(); (3) Tạo Virtual DOM; (4) So sánh Virtual DOM với DOM thật để xác định phần tử thay đổi; (5) Cập nhật DOM thật chỉ với những phần cần thay đổi nhằm tối ưu hiệu năng.

Kết luận

Đồ án tốt nghiệp "Thiết kế và xây dựng website bán đồ điện tử trực tuyến" của tác giả Phan Việt Linh đã giải quyết trọn vẹn bài toán xây dựng nền tảng thương mại điện tử chuyên biệt cho ngành hàng laptop và phụ kiện công nghệ. Bằng việc kết hợp hiệu quả giữa thư viện ReactJS và nền tảng đám mây Google Firebase, đề tài đã thiết lập một hệ thống bán hàng trực tuyến có phân quyền chặt chẽ, tối ưu hóa trải nghiệm giao diện và chuẩn hóa cơ sở dữ liệu. Báo cáo cung cấp một tài liệu kỹ thuật có tính hệ thống cao về phương pháp phân tích, thiết kế động học và triển khai ứng dụng web thương mại điện tử hiện đại.