Xây dựng website bán nước hoa bằng MERN stack

Đồ án xây dựng website bán nước hoa bằng MERN stack tại Đại học Sư phạm Kỹ thuật TP.HCM

• Tác giả: Huỳnh Quốc Thoại
• Người hướng dẫn: TS. Lê Văn Vinh
• Trường học: Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh
• Chuyên ngành: Công nghệ thông tin
• Đề tài: Xây dựng website bán nước hoa bằng MERN stack
• Loại tài liệu: Khóa luận tốt nghiệp
• Năm xuất bản: 2024
• Địa điểm: Thành phố Hồ Chí Minh

Tóm tắt

I. Tổng quan website bán nước hoa bằng MERN stack tại HCMUTE

Dự án xây dựng website bán nước hoa bằng MERN stack tại HCMUTE là khóa luận tốt nghiệp ngành Công nghệ Thông tin. Nghiên cứu do sinh viên Huỳnh Quốc Thoại và Huỳnh Đăng Khoa thực hiện dưới sự hướng dẫn của Tiến sĩ Lê Văn Vinh. Mục tiêu trọng tâm là tạo ra một sàn thương mại điện tử chuyên kinh doanh nước hoa cao cấp. Hệ thống giải quyết nhu cầu mua sắm trực tuyến ngày càng tăng của người tiêu dùng hiện đại. Ngành kinh doanh mỹ phẩm đòi hỏi tính trực quan cao và khả năng lọc sản phẩm phức tạp. Kiến trúc MERN stack mang lại sự linh hoạt tối đa cho toàn bộ cấu trúc web. Sự kết hợp giữa MongoDB, ExpressJS, ReactJS và NodeJS giúp tối ưu hóa hiệu năng vận hành. Trang web cho phép hiển thị chi tiết mùi hương, xuất xứ, dung tích và các phân khúc giá thành khác nhau. Cơ sở dữ liệu NoSQL hỗ trợ mở rộng danh mục mặt hàng dễ dàng mà không gặp rào cản về cấu trúc bảng. Đề tài khẳng định năng lực ứng dụng công nghệ web hiện đại của sinh viên khoa Đào tạo Quốc tế tại trường Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh.

1.1. Bối cảnh nghiên cứu đề tài thương mại điện tử

Thị trường thương mại điện tử tại Việt Nam tăng trưởng vượt bậc trong những năm gần đây. Nhu cầu mua sắm nước hoa chính hãng trực tuyến tăng mạnh mẽ. Người tiêu dùng mong muốn tiếp cận thông tin xuất xứ rõ ràng và đánh giá thực tế. Tuy nhiên, nhiều nền tảng bán lẻ hiện nay gặp khó khăn trong việc phân loại tầng hương. Đề tài tại HCMUTE ra đời nhằm giải quyết triệt để bài toán trải nghiệm người dùng. Dự án xây dựng không gian mua sắm đáng tin cậy cho khách hàng. Đồng thời, mô hình giúp các cửa hàng bán lẻ quản lý kho hàng và xử lý đơn hàng mượt mà. Nền tảng bảo đảm tốc độ phản hồi nhanh chóng trên mọi thiết bị di động.

1.2. Mục tiêu phát triển hệ thống kinh doanh nước hoa

Mục tiêu cốt lõi của nghiên cứu là thiết kế nền tảng web hoàn chỉnh từ giao diện đến máy chủ. Hệ thống cung cấp trải nghiệm điều hướng danh mục sản phẩm trực quan. Khách hàng có thể tìm kiếm theo mức giá, thương hiệu nổi tiếng và nhóm hương đặc trưng. Bên cạnh đó, dự án tập trung vào tính năng giỏ hàng tức thì và quy trình đặt hàng tinh gọn. Phía quản trị viên sở hữu bảng điều khiển trực quan để kiểm soát số lượng tồn kho. Quản trị viên cập nhật trạng thái đơn hàng và phân tích doanh thu định kỳ. Hệ thống duy trì tính ổn định cao và khả năng bảo mật thông tin tài khoản người dùng. Hệ thống cũng hỗ trợ tích hợp cổng thanh toán trực tuyến thuận tiện cho người mua hàng.

II. Thách thức phân tích website bán nước hoa bằng MERN stack

Quá trình phân tích hệ thống bán nước hoa trực tuyến bộc lộ nhiều thách thức kỹ thuật đặc thù. Khác với các mặt hàng tiêu dùng thông thường, nước hoa sở hữu nhiều biến thể phức tạp. Mỗi dòng sản phẩm có nồng độ tinh dầu, dung tích chai và các tầng hương riêng biệt. Cơ sở dữ liệu quan hệ truyền thống thường gặp khó khăn khi mô hình hóa các thuộc tính biến đổi liên tục này. Việc mở rộng schema thường đòi hỏi thay đổi cấu trúc bảng phức tạp. Ngoài ra, lưu lượng truy cập sàn thương mại điện tử thường tăng vọt vào các đợt khuyến mãi lớn. Máy chủ đơn lẻ dễ rơi vào tình trạng nghẽn cổ chai nếu không được phân tán tải hợp lý. Vấn đề trải nghiệm người dùng cũng đặt ra yêu cầu khắt khe về thời gian phản hồi trang. Người dùng có xu hướng rời bỏ giỏ hàng nếu trang web tải chậm quá ba giây. Bên cạnh đó, quy trình đồng bộ trạng thái đơn hàng giữa kho và giao diện người dùng cần diễn ra tức thì. Những yêu cầu này đòi hỏi một giải pháp kiến trúc phần mềm hiện đại và đồng bộ.

2.1. Yêu cầu dữ liệu phi cấu trúc của sản phẩm nước hoa

Nước hoa là mặt hàng có cấu trúc thông tin phi tuyến tính. Một sản phẩm bao gồm hương đầu, hương giữa và hương cuối cùng độ lưu hương. Các trường dữ liệu này không đồng nhất giữa các nhà sản xuất nước hoa. Cơ sở dữ liệu quan hệ truyền thống áp đặt cấu trúc cứng nhắc, gây lãng phí tài nguyên bảng. Sự thiếu hụt tính mềm dẻo cản trở việc cập nhật danh mục sản phẩm mới. Hơn nữa, việc truy vấn nhiều bảng liên kết làm giảm tốc độ hiển thị thông tin chi tiết. Hệ thống cần giải pháp lưu trữ dạng tài liệu để quản lý trọn vẹn thông số kỹ thuật sản phẩm trong một thực thể duy nhất. Cách tiếp cận này giúp tối ưu hóa truy vấn đọc dữ liệu với độ trễ thấp nhất.

2.2. Vấn đề tương tác người dùng và hiệu năng xử lý giỏ hàng

Thao tác mua sắm trực tuyến đòi hỏi tính tương tác liên tục và phản hồi tức thời. Khách hàng thường xuyên lọc sản phẩm theo tầm giá, dung tích và thương hiệu. Các website thương mại truyền thống tải lại toàn bộ trang khi thay đổi tiêu chí lọc. Hành vi này gây gián đoạn trải nghiệm người dùng và tiêu tốn băng thông máy chủ. Ngoài ra, việc cập nhật giỏ hàng cần diễn ra chính xác mà không làm gián đoạn việc xem hàng. Quy trình kiểm tra tồn kho cũng phải đối chiếu theo thời gian thực để ngăn ngừa lỗi trùng đơn. Khắc phục các hạn chế này là điều kiện quyết định để giữ chân khách hàng trực tuyến. Giao diện người dùng cần được tách biệt để tăng tốc độ phản hồi trên trình duyệt.

III. Giải pháp công nghệ website bán nước hoa bằng MERN stack

Đề tài tại HCMUTE lựa chọn bộ công nghệ MERN stack để giải quyết toàn diện bài toán kỹ thuật. Bộ công nghệ bao gồm bốn thành phần chính: MongoDB, ExpressJS, ReactJS và NodeJS. Kiến trúc này sử dụng duy nhất ngôn ngữ JavaScript xuyên suốt từ máy khách đến máy chủ. Sự đồng nhất ngôn ngữ giúp tinh gọn mã nguồn và đơn giản hóa quá trình phát triển. Tầng giao diện ứng dụng ReactJS để xây dựng giao diện người dùng dạng trang đơn SPA linh hoạt. Thư viện React Router đảm bảo việc chuyển hướng mượt mà không cần tải lại trang. Tại tầng máy chủ, NodeJS kết hợp cùng ExpressJS cung cấp các giao diện lập trình ứng dụng RESTful API hiệu suất cao. Máy chủ xử lý đồng thời hàng nghìn kết nối với mô hình I/O phi chặn hướng sự kiện. Dữ liệu nước hoa được lưu trữ trong MongoDB dưới dạng tài liệu JSON chuẩn BSON. Nhờ vậy, cấu trúc sản phẩm phong phú được truy xuất với tốc độ cực nhanh. Hệ thống còn áp dụng cơ chế xác thực phân quyền JSON Web Token để bảo vệ an toàn thông tin đơn hàng. Mô hình phân tầng rõ ràng giúp việc kiểm thử và bảo trì hệ thống diễn ra thuận lợi.

3.1. Thiết kế cơ sở dữ liệu MongoDB và máy chủ Express NodeJS

Cơ sở dữ liệu MongoDB tổ chức thông tin thành các collection chuyên biệt như Users, Products, và Orders. Cấu trúc Document linh hoạt cho phép nhúng mảng đánh giá và phân loại nhóm hương chi tiết. Mongoose ODM được sử dụng để định nghĩa schema và kiểm tra tính hợp lệ của dữ liệu trước khi ghi. Tầng backend xây dựng trên nền tảng NodeJS và framework ExpressJS gọn nhẹ. Máy chủ định tuyến các yêu cầu API phục vụ việc xác thực người dùng, tìm kiếm sản phẩm và thanh toán. Kiến trúc bất đồng bộ Non-blocking I/O tối ưu hóa khả năng phản hồi khi hệ thống tiếp nhận nhiều yêu cầu cùng lúc. Cơ chế xử lý lỗi tập trung ngăn chặn nguy cơ sập hệ thống. Mã nguồn máy chủ tuân thủ cấu trúc phân tầng giúp bảo trì dễ dàng.

3.2. Xây dựng giao diện ReactJS tối ưu trải nghiệm khách hàng

Giao diện người dùng được xây dựng hoàn toàn bằng ReactJS với mô hình component tái sử dụng cao. Khách hàng dễ dàng tìm kiếm và áp dụng bộ lọc đa tiêu chí như mức giá hay thương hiệu. Cơ chế Virtual DOM cập nhật các thay đổi trên giao diện mà không cần render lại toàn trang. Trạng thái giỏ hàng được quản lý nhất quán thông qua React Context hoặc Redux. Giao diện thích ứng linh hoạt với màn hình điện thoại di động, máy tính bảng và máy tính để bàn. Khách hàng có thể quan sát hình ảnh sản phẩm sắc nét, đọc mô tả mùi hương và thêm vào giỏ hàng ngay lập tức. Tốc độ tương tác nhanh giúp gia tăng tỷ lệ chuyển đổi đơn hàng trực tuyến.

IV. Ứng dụng thực tiễn website bán nước hoa bằng MERN stack

Đề tài tốt nghiệp tại HCMUTE đã chứng minh tính khả thi cao của bộ công nghệ MERN stack trong thương mại điện tử. Hệ thống xây dựng thành công quy trình mua sắm nước hoa trực tuyến hoàn chỉnh và an toàn. Nền tảng đáp ứng đầy đủ các tiêu chuẩn khắt khe về hiệu năng, bảo mật và tính khả dụng. Người tiêu dùng được tiếp cận giao diện trực quan với khả năng lọc mùi hương chính xác. Quản trị viên dễ dàng quản lý thông tin kho hàng và phân tích xu hướng mua sắm của khách hàng. Mô hình này hoàn toàn có thể triển khai thực tế cho các chuỗi cửa hàng phân phối mỹ phẩm vừa và nhỏ. Ngoài ra, kiến trúc phân tầng dạng RESTful API giúp hệ thống dễ dàng tích hợp thêm các dịch vụ thanh toán mới. Các cổng thanh toán như VNPay, MoMo hay ZaloPay có thể được bổ sung nhanh chóng. Kết quả nghiên cứu khẳng định sự phù hợp của MERN stack đối với các ứng dụng thương mại điện tử hiện đại. Dự án là nguồn tài liệu tham khảo giá trị cho sinh viên ngành công nghệ thông tin.

4.1. Khả năng mở rộng và triển khai thực tế của dự án

Nền tảng web sở hữu cấu trúc mô-đun hóa cao, cho phép đóng gói triển khai trên môi trường Docker và Kubernetes. Doanh nghiệp có thể mở rộng quy mô hệ thống linh hoạt tùy theo lưu lượng truy cập từng mùa vụ. Cơ sở dữ liệu MongoDB Atlas cung cấp cơ chế sao lưu tự động và phân mảnh dữ liệu mượt mà. Hệ thống sẵn sàng kết nối với các đơn vị vận chuyển hàng đầu như Giao Hàng Nhanh hay Viettel Post. Quá trình xử lý vận đơn diễn ra tự động thông qua Webhook. Doanh nghiệp bán lẻ nước hoa có thể tiết kiệm đáng kể chi phí hạ tầng ban đầu. Nền tảng là giải pháp tối ưu cho bài toán chuyển đổi số bán lẻ. Hệ thống cũng hỗ trợ giám sát hiệu năng liên tục để phát hiện sự cố sớm.

4.2. Hướng phát triển công nghệ đề xuất trong tương lai

Hướng phát triển tiếp theo của hệ thống tập trung vào việc ứng dụng trí tuệ nhân tạo để gợi ý mùi hương. Thuật toán học máy có thể phân tích hành vi duyệt web và sở thích cá nhân của người mua. Từ đó, website đưa ra các gợi ý nước hoa phù hợp nhất với phong cách từng khách hàng. Việc tích hợp công nghệ Progressive Web App PWA cũng sẽ giúp ứng dụng hoạt động ngoại tuyến ổn định. Đồng thời, hệ thống có thể nâng cấp cơ chế gửi thông báo đẩy để nhắc nhở giỏ hàng bị bỏ quên. Những cải tiến này hứa hẹn nâng cao doanh số bán hàng và tạo ra lợi thế cạnh tranh dài hạn. Hệ thống sẽ không ngừng hoàn thiện để đáp ứng nhu cầu thị trường.

Nội dung chính

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

Khóa luận tốt nghiệp ngành Công nghệ Thông tin tại Trường Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh (Khoa Đào tạo Quốc tế) của nhóm tác giả Huỳnh Quốc Thoại (MSSV: 20110406) và Huỳnh Đăng Khoa (MSSV: 20110375), dưới sự hướng dẫn của TS. Lê Văn Vinh, tập trung vào đề tài "Developing an e-commerce website to sell perfume products using MERN stack".

Theo trình bày của nhóm tác giả, nước hoa trong đời sống hiện đại không chỉ đóng vai trò là một mỹ phẩm làm đẹp thông thường mà còn là phương tiện khẳng định cá tính, phong cách sống của người tiêu dùng, đặc biệt là nhóm khách hàng trẻ tuổi. Mỗi mùi hương truyền tải một câu chuyện và dấu ấn cá nhân riêng biệt. Đồng thời, sự phát triển mạnh mẽ của thương mại điện tử tạo tiền đề thuận lợi cho việc phân phối các dòng sản phẩm này trên môi trường số, đáp ứng nhu cầu mua sắm tiện lợi và đa dạng lựa chọn. Xuất phát từ bối cảnh đó, đề tài được thực hiện nhằm giải quyết các bài toán về trải nghiệm người dùng, cấu trúc danh mục sản phẩm, tính an toàn trong giao dịch và sự liền mạch trong quy trình quản lý đơn hàng.

Mục tiêu và nhiệm vụ nghiên cứu được phân định thành hai mảng cụ thể:

1. Về mặt lý thuyết: Tiến hành khảo sát thực trạng nhu cầu thị trường và nghiên cứu cơ chế vận hành của các hệ thống thương mại điện tử tương tự.
2. Về mặt thực nghiệm/ứng dụng: Vận dụng các kiến thức công nghệ đã tích lũy để thiết kế, xây dựng và hoàn thiện một website thương mại điện tử chuyên kinh doanh các sản phẩm nước hoa.

Về đối tượng và phạm vi nghiên cứu:

• Đối tượng nghiên cứu: Quy trình xây dựng website thương mại điện tử bán nước hoa, phân rã các tính năng thành các mô-đun độc lập để quản lý và vận hành dựa trên việc tham khảo các mô hình thương mại điện tử thương hiệu lớn như Versace và Dior. Hệ thống tập trung vào các chức năng cốt lõi gồm tìm kiếm, lựa chọn, đặt hàng và thanh toán.
• Phạm vi nghiên cứu: Phát triển giải pháp phần mềm trên nền tảng MERN stack (MongoDB, Express.js, ReactJS, Node.js), thời gian thực hiện đồ án từ ngày 02/09/2024 đến ngày 13/12/2024.

Nhằm xác định rõ yêu cầu bài toán, nhóm tác giả đã tiến hành khảo sát và đánh giá ưu - nhược điểm của 4 website kinh doanh nước hoa thực tế:

Tên hệ thống	Chức năng chính ghi nhận	Điểm mạnh theo khảo sát	Hạn chế còn tồn tại
Orchard.vn	Xem chi tiết, tìm kiếm, lọc sản phẩm, thêm vào giỏ hàng.	Phân loại chi tiết (thương hiệu, giới tính), có gợi ý tìm kiếm, giao diện tối ưu cho thiết bị.	Không quản lý được sản phẩm trong giỏ hàng; danh sách thương hiệu không tự tải, phải cuộn trang.
Nước Hoa Rosa	Đăng nhập/đăng ký, tìm kiếm/lọc, giỏ hàng, phân trang, chat với người bán.	Lọc theo thương hiệu, giá, trạng thái; hotline hỗ trợ nhanh; đa dạng thanh toán (COD, MoMo, ATM, Visa).	Bố cục trang tin tức/blog chưa bắt mắt.
Nước Hoa Bình Dương	Tìm kiếm, lọc sản phẩm, thêm và quản lý giỏ hàng, phân trang.	Lọc chi tiết theo thương hiệu, mức giá, danh mục; giao diện bắt mắt và tối ưu thiết bị.	Bố cục sản phẩm và bài viết không đồng đều; banner không hiển thị trọn vẹn 100%; không thể thanh toán (checkout).
Min Perfume	Xem, lọc theo tiêu chí, xem chi tiết, quản lý giỏ hàng.	Phân loại sâu theo dung tích (size) và giới tính; tập trung chuyên sâu vào ngành hàng.	Bố cục trang chưa đồng đều; giao diện trực quan chưa đạt tính thẩm mỹ cao.

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

Khóa luận áp dụng mô hình nghiên cứu thiết kế và xây dựng hệ thống phần mềm (Design and Implementation), kết hợp giữa kiến trúc ứng dụng web hiện đại và thuật toán trí tuệ nhân tạo phục vụ chatbot tư vấn.

Về cơ sở lý thuyết, tác giả sử dụng các nền tảng kỹ thuật chuyên biệt:

• Kiến trúc Front-end: Sử dụng thư viện ReactJS với cơ chế Virtual DOM và cú pháp JSX để xây dựng các thành phần giao diện tái sử dụng. Để quản lý luồng dữ liệu toàn cục, nhóm sử dụng thư viện Redux dựa trên các nguyên lý "Single source of truth" (Store duy nhất) và trạng thái chỉ đọc (State is read-only), được điều phối qua Actions và Reducers. Hệ thống sử dụng Material UI cho bộ thành phần giao diện, React Router cho điều hướng trang và Axios để gửi các yêu cầu HTTP bất đồng bộ.
• Kiến trúc Back-end: Nền tảng Node.js với mô hình hướng sự kiện (Event-driven) và I/O không chặn (Non-blocking I/O) chạy trên JavaScript V8 Engine. Kết hợp cùng framework Express.js để tổ chức routing, xử lý middleware và quản lý ngoại lệ.
• Cơ sở dữ liệu NoSQL: Lựa chọn hệ quản trị MongoDB thuộc nhóm Document Database, lưu trữ dữ liệu dạng JSON/BSON linh hoạt, hỗ trợ Sharding, Replica Sets, GridFS và giao dịch đa tài liệu (ACID multi-document transactions). Nhóm sử dụng thư viện Mongoose ODM (Object Data Modeling) để thiết lập cấu trúc Schema và ánh xạ sang Model dữ liệu.
• Cơ chế xác thực và bảo mật: Áp dụng chuẩn JSON Web Token (JWT - RFC 7519) gồm ba thành phần (Header, Payload, Signature) cho phân quyền người dùng, kết hợp chính sách CORS (Cross-Origin Resource Sharing) nhằm kiểm soát việc chia sẻ tài nguyên giữa các domain.
• Mô hình Trí tuệ nhân tạo (Chatbot NLP): Áp dụng phương pháp Học có giám sát (Supervised Learning) với mạng nơ-ron nhân tạo (ANN). Dữ liệu mẫu được cấu trúc trong tệp intents.json gồm các cặp mẫu câu hỏi (patterns) và nhãn phân loại (tags). Quy trình xử lý ngôn ngữ tự nhiên gồm ba bước: Tokenization (tách từ), Lemmatization (chuẩn hóa về từ gốc) và xây dựng biểu diễn Bag-of-Words. Mạng ANN được thiết lập qua Keras Sequential API (TensorFlow), sử dụng hàm kích hoạt ReLU ở các lớp ẩn và Softmax ở lớp đầu ra để phân loại xác suất đa lớp.

Phương pháp nghiên cứu thực tế gồm: khảo sát so sánh hiện trạng 4 nền tảng thực tế; mô hình hóa chức năng bằng sơ đồ Use Case và kịch bản chi tiết; thiết kế trình tự bằng Sequence Diagram; thiết kế cơ sở dữ liệu hướng tài liệu và kiểm thử hộp đen (Black-box testing) theo các kịch bản kiểm thử định sẵn.

Thiết kế và triển khai

Hệ thống được thiết kế theo mô hình phân tách độc lập giữa Client-side (Single Page Application bằng React) và Server-side (RESTful APIs bằng Node.js/Express.js), trao đổi dữ liệu định dạng JSON.

Hệ thống công nghệ triển khai trong dự án:

Tầng kiến trúc	Công nghệ / Thư viện chính	Vai trò kỹ thuật trong hệ thống
Giao diện (Front-end)	ReactJS, Redux, React-Redux, React Router, Material UI, Axios	Xây dựng giao diện tương tác, quản lý state tập trung, điều hướng client và xử lý API calls.
Dịch vụ (Back-end)	Node.js, Express.js, Mongoose, JWT, CORS	Xây dựng RESTful API, định tuyến URL, kiểm soát phiên đăng nhập qua token, xác thực quyền truy cập.
Cơ sở dữ liệu (Database)	MongoDB, MongoDB Compass	Lưu trữ các tập dữ liệu người dùng, sản phẩm, đơn hàng, danh mục, thanh toán dưới dạng tài liệu JSON.
Mô-đun AI (Chatbot)	Python, TensorFlow, Keras, NLTK, NumPy, Pickle, JSON	Huấn luyện mạng nơ-ron nhân tạo phân loại ý định người dùng, hỗ trợ tư vấn chọn nước hoa tự động.

Cơ sở dữ liệu hệ thống được thiết kế gồm 11 bảng/collection dữ liệu chính:

1. category / categories: Quản lý danh mục nhóm sản phẩm.
2. variant: Quản lý các biến thể sản phẩm (dung tích, kích cỡ).
3. brand: Lưu trữ thông tin thương hiệu nước hoa.
4. product: Thông tin chi tiết sản phẩm, giá bán, mô tả, hình ảnh.
5. users: Thông tin tài khoản người dùng, email, mật khẩu mã hóa, vai trò.
6. order: Thông tin đơn đặt hàng, trạng thái xử lý, người mua.
7. payment: Dữ liệu giao dịch và phương thức thanh toán.
8. product buyers: Ghi nhận dữ liệu các khách hàng đã mua sản phẩm.
9. product review: Đánh giá, xếp hạng sao của người dùng về sản phẩm đã mua.
10. promotion: Quản lý danh sách các mã khuyến mãi và điều kiện giảm giá.
11. subscriber: Danh sách địa chỉ email đăng ký nhận bản tin thông báo.

Dự án xác định 3 nhóm tác nhân chính truy cập hệ thống:

• Administrator (Quản trị viên): Có quyền hạn cao nhất, thực hiện xóa tài khoản người dùng; thêm, sửa, xóa danh mục (Category); thêm, sửa, xóa sản phẩm (Product); thêm, sửa, xóa thương hiệu (Brand); tạo, cập nhật, xóa mã giảm giá (Promotion code); xem chi tiết đơn hàng, xóa đơn hàng và theo dõi số liệu thống kê tại Dashboard.
• Member (Thành viên): Đăng nhập thông thường hoặc đăng nhập thông qua tài khoản Google, đăng xuất, khôi phục mật khẩu qua email; tìm kiếm, lọc sản phẩm; xem chi tiết sản phẩm; thêm vào giỏ, cập nhật số lượng, xóa sản phẩm khỏi giỏ hàng; cập nhật hồ sơ cá nhân; đặt hàng và thanh toán (COD hoặc PayPal); xem lịch sử đơn hàng; xem trước và tải hóa đơn đặt hàng dạng tệp PDF; gửi đánh giá đối với sản phẩm đã mua.
• Guest (Khách vãng lai): Đăng ký tài khoản mới; tìm kiếm và lọc sản phẩm; xem danh sách và chi tiết sản phẩm; đăng ký nhận thông báo qua email (Newsletter).

Quy trình kiểm thử được tiến hành dựa trên phương pháp kiểm thử chức năng (Functional Testing) với các bộ kịch bản (Test Scenarios - Bảng 55 trong tài liệu) và các trường hợp kiểm thử (Test Cases) chi tiết:

Mã kiểm thử	Phân hệ chức năng	Mục tiêu kiểm thử	Kết quả thực nghiệm ghi nhận
LI_01 - LI_03	Đăng nhập (Login)	Kiểm tra đăng nhập với tài khoản hợp lệ, mật khẩu sai và email không tồn tại.	Hệ thống thông báo lỗi hoặc chuyển hướng đến trang chủ theo đúng kịch bản thiết kế.
ATC_01 - ATC_03	Giỏ hàng (Add to Cart)	Kiểm tra việc chọn biến thể, số lượng và thêm sản phẩm vào giỏ hàng.	Cập nhật số lượng sản phẩm chính xác, đồng bộ dữ liệu giỏ hàng.
CM_01 - CM_04	Quản lý giỏ (Cart Management)	Thay đổi số lượng mặt hàng, xóa từng sản phẩm hoặc làm trống giỏ hàng.	Giỏ hàng tự động tính lại tổng tiền, loại bỏ đúng sản phẩm khỏi bộ nhớ.
CM_01 - CM_03 (Checkout)	Thanh toán (Checkout)	Xác nhận thông tin giao hàng, áp dụng phương thức COD hoặc PayPal.	Tạo đơn hàng mới thành công, hiển thị thông tin biên nhận hóa đơn.
CM_01 - CM_07 (Admin)	Quản trị sản phẩm	Thêm sản phẩm mới, cập nhật giá/hình ảnh, kiểm tra tính hợp lệ dữ liệu, xóa sản phẩm.	Dữ liệu được ghi nhận vào MongoDB chính xác, giao diện quản trị cập nhật ngay lập tức.
CM_01 - CM_03 (Promotion)	Lọc mã khuyến mãi	Nhập mã giảm giá, kiểm tra tính hợp lệ của mã khi áp dụng vào đơn hàng.	Chiết khấu được tính chính xác trên tổng giá trị hóa đơn.

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

Chương 1: Giới thiệu (Chapter 1: Introduction)

Chương mở đầu tập trung làm rõ tính cấp thiết của đề tài trong việc ứng dụng thương mại điện tử vào ngành hàng nước hoa. Tác giả phân tích hành vi tiêu dùng hiện đại, xác lập các mục tiêu dự án bao gồm việc phân tách các mô-đun chức năng độc lập theo chuẩn các website quốc tế (Versace, Dior). Điểm nhấn quan trọng của chương là báo cáo khảo sát thực trạng thông qua việc phân tích chuyên sâu 4 website tại thị trường Việt Nam (Orchard.vn, Nước Hoa Rosa, Nước Hoa Bình Dương, Min Perfume), từ đó đúc kết danh sách các chức năng cần xây dựng và khắc phục các điểm yếu thường gặp về giỏ hàng, bộ lọc và quy trình thanh toán.

Chương 2: Cơ sở nền tảng (Chapter 2: Fundamentals)

Chương 2 trình bày có hệ thống các nền tảng lý thuyết và công nghệ sử dụng trong đề tài. Nội dung chia làm hai mảng chính:

• Công nghệ phát triển Web: Chi tiết về ReactJS (JSX, Component, Virtual DOM), Redux (Store, Action, Reducer), các thư viện phụ trợ (Material UI, React Router, Axios); môi trường Node.js và framework Express.js (Module, Router, Middleware); cơ sở dữ liệu phi quan hệ NoSQL, chi tiết cấu trúc MongoDB (Document, Field, Collection, Database, Schema), các tính năng sao lưu (Replication), cân bằng tải (Sharding), hệ thống tệp GridFS, cùng cơ chế bảo mật với JWT (Header, Payload, Signature) và giao thức CORS.
• Nền tảng Trí tuệ nhân tạo và NLP: Giới thiệu nguyên lý Học có giám sát (Supervised Learning); quy trình tiền xử lý ngôn ngữ tự nhiên (Tokenization, Lemmatization, Bag-of-Words); cấu trúc và cơ chế hoạt động của tế bào nơ-ron nhân tạo (Weights, Bias, Summation Function, Activation Function); hai hàm kích hoạt ReLU và Softmax; cách xây dựng mô hình mạng nơ-ron Sequential bằng Keras/TensorFlow cùng các thư viện bổ trợ như NLTK, Pickle, NumPy.

Chương 3: Khảo sát hiện trạng và mô hình hóa yêu cầu (Chapter 3: Current Status Survey and Requirement Modeling)

Chương này mô hình hóa toàn diện các yêu cầu hệ thống. Nhóm tác giả xác định ba nhóm tác nhân (Administrator, Member, Guest) và lập bảng danh mục tính năng cho từng nhóm (Bảng 1, Bảng 2, Bảng 3). Hệ thống xác lập các yêu cầu phi chức năng gồm: tính tiện dụng (giao diện nhất quán, tương tác trực quan), tính hiệu quả (lưu trữ cơ sở dữ liệu an toàn, hệ thống vận hành ổn định) và khả năng tiến hóa (thuận tiện cho việc nâng cấp, bảo trì). Đồng thời, chương cung cấp sơ đồ Use Case tổng thể phía máy khách (Client-side) và phân hệ quản trị (Administrator), đi kèm hệ thống bảng đặc tả kịch bản Use Case chi tiết (Use Case Scenarios từ Bảng 3 đến Bảng 35) bao gồm tiền điều kiện, hậu điều kiện, luồng xử lý cơ bản (Basic Flow) và các luồng ngoại lệ (Exception Flows).

Chương 4: Thiết kế hệ thống (Chapter 4: System Design)

Chương 4 mô tả chi tiết kiến trúc kỹ thuật của hệ thống. Nội dung bao gồm các sơ đồ tuần tự (Sequence Diagrams từ Hình 4.2 đến Hình 4.34) biểu diễn tương tác giữa Client, Server và Database đối với từng tác vụ cụ thể (đăng nhập, lọc sản phẩm, thêm giỏ hàng, thanh toán, quản lý danh mục, quản lý mã khuyến mãi, xuất hóa đơn). Tiếp đó, cấu trúc dữ liệu được định nghĩa chi tiết thông qua 11 bảng thiết kế cơ sở dữ liệu Mongoose (từ Bảng 36 đến Bảng 47). Cuối chương là thiết kế giao diện người dùng thực tế (từ Bảng 48 đến Bảng 54 và các Hình minh họa 4.36 đến 4.44), bao gồm màn hình đăng nhập, đăng ký, trang thông tin cá nhân, giao diện quản lý sản phẩm cho quản trị viên, form đăng ký nhận bản tin, giao diện đặt hàng và Dashboard thống kê doanh thu/đơn hàng.

Chương 5: Hiện thực và kiểm thử (Chapter 5: Implementation and Testing)

Chương cuối tập trung vào việc triển khai hệ thống phần mềm và đánh giá chất lượng sản phẩm. Nhóm tác giả tổng hợp các công cụ môi trường phát triển, thiết lập bộ kịch bản kiểm thử (Bảng 55) và triển khai các ca kiểm thử hộp đen chi tiết cho từng luồng nghiệp vụ quan trọng: kiểm thử đăng nhập (Bảng 56), kiểm thử thêm vào giỏ hàng (Bảng 57), kiểm thử quản lý giỏ hàng (Bảng 58), kiểm thử quy trình thanh toán (Bảng 59), kiểm thử nghiệp vụ quản lý sản phẩm của admin (Bảng 60) và kiểm thử chức năng lọc/áp dụng mã khuyến mãi (Bảng 61). Mỗi kịch bản kiểm thử đều đi kèm hình ảnh chụp màn hình ghi nhận kết quả thực tế trên giao diện để đối chiếu với kết quả kỳ vọng.

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

Khóa luận đã hoàn thành các mục tiêu kỹ thuật đề ra, xây dựng thành công một hệ thống thương mại điện tử chuyên biệt cho ngành hàng nước hoa:

• Hiện thực hóa đầy đủ các phân hệ chức năng cho 3 nhóm đối tượng: khách vãng lai, thành viên và người quản trị. Hệ thống xử lý trọn vẹn quy trình mua hàng trực tuyến từ bước tìm kiếm, phân loại theo thương hiệu, tầm giá, dung tích cho tới giỏ hàng và thanh toán.
• Triển khai thành công tính năng xuất và tải hóa đơn đặt hàng ra tệp định dạng PDF trực tiếp trên giao diện người dùng (Order Invoice Download/Preview).
• Tích hợp thành công hai phương thức thanh toán trong luồng Checkout: thanh toán khi nhận hàng (Cash on Delivery - COD) và cổng thanh toán trực tuyến PayPal.
• Đóng góp về mặt giải pháp kỹ thuật: Khóa luận ứng dụng cấu trúc MERN stack để phân tách độc lập giữa giao diện Single Page Application và dịch vụ API phía máy chủ; đồng thời tích hợp mô hình học máy (Keras/TensorFlow) ứng dụng mạng nơ-ron và xử lý ngôn ngữ tự nhiên để xây dựng chatbot tự động phân loại ý định người dùng (dựa trên tệp intents.json), đưa ra phản hồi tư vấn mùi hương theo mùa hoặc sở thích.

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

Dựa trên các hạn chế kỹ thuật và phạm vi mà nhóm tác giả đã tự nhận định trong văn bản:

• Nhóm sinh viên thừa nhận kinh nghiệm thực tế trong việc thiết kế và hoàn thiện một hệ thống phần mềm thương mại điện tử quy mô lớn còn hạn chế, thời gian triển khai đồ án ngắn (trong vòng hơn 3 tháng, từ tháng 9/2024 đến tháng 12/2024), dẫn đến một số mặt kỹ thuật cần tiếp tục tinh chỉnh.
• Về phương thức thanh toán: Mặc dù mục tiêu ban đầu đề cập đến việc hỗ trợ đa dạng cổng thanh toán như VNPay, nhưng trong thiết kế chi tiết và các ca kiểm thử thực tế, hệ thống mới chỉ tích hợp và kiểm thử đối với phương thức COD và cổng PayPal.
• Về quy mô chatbot AI: Dữ liệu huấn luyện ngôn ngữ tự nhiên mới chỉ dừng lại ở tập mẫu phân loại trong tệp cấu hình intents.json, chưa mở rộng quy mô dữ liệu đối thoại phức tạp hoặc tích hợp các mô hình ngôn ngữ lớn (LLM).

Giá trị tham khảo

Đồ án là tài liệu tham khảo thực nghiệm phù hợp cho:

• Sinh viên ngành Công nghệ Thông tin, Kỹ thuật Phần mềm đang thực hiện đồ án tốt nghiệp hoặc bài tập lớn về xây dựng ứng dụng web thương mại điện tử trên nền tảng MERN stack (MongoDB, Express.js, ReactJS, Node.js).
• Người học cần tìm hiểu tài liệu về quy trình đặc tả yêu cầu phần mềm: Khóa luận cung cấp hệ thống 35 bảng đặc tả kịch bản Use Case (Use Case Scenarios) và hệ thống sơ đồ Sequence Diagram rất chi tiết, có thể dùng làm khuôn mẫu chuẩn trong môn học Phân tích và Thiết kế Hệ thống.
• Lập trình viên muốn tham khảo cách kết nối các dịch vụ phụ trợ như tạo hóa đơn PDF, tích hợp xác thực bảo mật JWT, thiết kế cơ sở dữ liệu MongoDB đa thực thể và cách ứng dụng mô hình mạng nơ-ron Keras cơ bản vào chức năng chatbot hỗ trợ khách hàng.

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

1. Khóa luận sử dụng các công nghệ cốt lõi nào để phát triển hệ thống?
Hệ thống được phát triển toàn diện bằng MERN stack, bao gồm: ReactJS (kết hợp Redux, Material UI, Axios) ở tầng giao diện; Node.js và Express.js ở tầng máy chủ xử lý; MongoDB (thông qua thư viện Mongoose ODM) để lưu trữ dữ liệu; chuẩn JWT cho xác thực bảo mật; cùng thư viện Keras/TensorFlow và NLTK (Python) cho phân hệ chatbot AI.

2. Chatbot AI hỗ trợ tư vấn nước hoa hoạt động theo cơ chế nào?
Chatbot được xây dựng theo phương pháp Học có giám sát (Supervised Learning). Dữ liệu truy vấn của người dùng được gán nhãn theo các thẻ ý định (tags) trong tệp intents.json. Dữ liệu văn bản được xử lý qua NLTK (Tokenization, Lemmatization, Bag-of-Words) rồi đưa vào mạng nơ-ron nhân tạo (ANN) với Keras Sequential API (hàm kích hoạt ReLU và Softmax) để huấn luyện và dự đoán tag phù hợp nhằm phản hồi khách hàng.

3. Cơ sở dữ liệu của dự án được tổ chức thành những bảng/tài liệu nào?
Cơ sở dữ liệu MongoDB được nhóm tác giả thiết kế qua Mongoose gồm 11 bảng/collection chính: category, variant, brand, product, users, order, payment, product buyers, product review, promotion và subscriber.

4. Những phương thức thanh toán nào đã được thiết kế và kiểm thử thành công?
Theo bảng mô tả chức năng thành viên (Member) và bảng kịch bản kiểm thử thanh toán (Test case checkout - Bảng 59), hệ thống đã thiết kế và kiểm thử hai phương thức thanh toán: thanh toán tiền mặt khi nhận hàng (Cash on Delivery - COD) và thanh toán trực tuyến qua cổng PayPal.

5. Khóa luận tiến hành kiểm thử các phân hệ chức năng nào bằng phương pháp gì?
Nhóm tác giả áp dụng phương pháp kiểm thử hộp đen (Black-box testing) với các bộ kiểm thử định sẵn bao gồm: kiểm thử đăng nhập (Login), thêm sản phẩm vào giỏ hàng (Add to Cart), quản lý giỏ hàng (Cart Management), quy trình thanh toán (Checkout), các nghiệp vụ quản lý sản phẩm của quản trị viên (Admin Manage Product) và tính năng lọc mã giảm giá (Filter Promotion Code).

Kết luận

Khóa luận tốt nghiệp của sinh viên Huỳnh Quốc Thoại và Huỳnh Đăng Khoa đã hoàn thành việc xây dựng một website thương mại điện tử chuyên doanh nước hoa ứng dụng đầy đủ kiến trúc MERN stack. Đồ án thể hiện quy trình công nghệ phần mềm hoàn chỉnh, từ việc khảo sát thực trạng các website thực tế, mô hình hóa yêu cầu hệ thống bằng sơ đồ Use Case và Sequence Diagram, đến việc thiết kế cơ sở dữ liệu MongoDB và kiểm thử chức năng. Ngoài ra, việc kết hợp thành công mô-đun chatbot tư vấn mùi hương bằng mạng nơ-ron nhân tạo (Keras/TensorFlow) và tính năng xuất hóa đơn PDF đã tạo nên giá trị ứng dụng thực tiễn cho đề tài.

Trích đoạn nội dung tài liệu

MINISTRY OF EDUCATION AND TRAINING HO CHI MINH CITY UNIVERSITY OF TECHNOLOGY AND EDUCATION GRADUATION THESIS MAJOR: INFORMATION TECHNOLOGY DEVELOPING AN E-COMMERCE WEBSITE TO SELL PERFUME PRODUCTS USING MERN STACK INSTRUCTOR: LE VAN VINH STUDENT: HUYNH QUOC THOAI HUYNH DANG KHOA Ho Chi Minh city, Setember 2024 HO CHI MINH UNIVERSITY OF TECHNOLOGY AND EDUCATION FACULTY OF INTERNATIONAL EDUCATION CAPSTONE PROJECT DEVELOPING AN E-COMMERCE WEBSITE TO SELL PERFUME PRODUCTS USING MERN STACK Advisor Le Van Vinh, PhD. Student Name Student ID Huynh Quoc Thoai 20110406 Huynh Dang Khoa 20110375 Ho Chi Minh City, September 2024 HO CHI MINH UNIVERSITY OF TECHNOLOGY AND EDUCATION FACULTY OF INTERNATIONAL EDUCATION CAPSTONE PROJECT DEVELOPING AN E-COMMERCE WEBSITE TO SELL PERFUME PRODUCTS USING MERN STACK Advisor Le Van Vinh, PhD. Student Name Student ID Huynh Quoc Thoai 20110406 Huynh Dang Khoa 20110375 Ho Chi Minh City, September 2024 HCM University of Technology and Education THE SOCIALIST REPUBLIC OF VIETNAM FACULTY OF INTERNATIONAL EDUCATION Independence – Freedom– Happiness -------------------- -------------------- PROJECT DUTY Name of student: Huynh Quoc Thoai Student ID: 20110406 Name of student: Huynh Dang Khoa Student ID: 20110375 Major: Information Technology. Topic name: Developing an e-commerce website to sell perfume products using MERN stack.

Advisor: Le Van Vinh, PhD. Content: Theory: - Survey the current state of demand. - Explore related systems as well as system operations. Practice: Apply the knowledge gained to develop an e-commerce website to sell perfume products.

Execution time: from 02/09/2024 to 13/12/20224 Signature of student: Huynh Quoc Thoai Signature of student: Huynh Dang Khoa Ho Chi Minh, September 2nd, 2024 HEAD OF INFORMATION TECHNOLOGY ADVISOR (Name and signature) (Name and signature) THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom– Happiness COMMENTARY OF ADVISOR Student name: Huynh Quoc Thoai Student ID: 20110406 Class: 20110CLA1 Student name: Huynh Dang Khoa Student ID: 20110375 Class: 20110CLA3 Major: Information Technology Name of advisor: Le Van Vinh, PhD. Project title: Developing an e-commerce website to sell perfume products using MERN stack. Contents and workloads. Recommend for defense or not?.

) Ho Chi Minh City, ………… 2024 ADVISOR (Name and signature) THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom– Happiness COMMENTARY OF REVIEWER Student name: Huynh Quoc Thoai Student ID: 20110406 Class: 20110CLA1 Student name: Huynh Dang Khoa Student ID: 20110375 Class: 20110CLA3 Major: Information Technology Name of reviewer: Tran Nhat Quang, PhD. Project title: Developing an e-commerce website to sell perfume products using MERN stack. Contents and workloads. Recommend for defense or not?.

) Ho Chi Minh City, ………… 2024 REVIEWER (Name and signature) COMMITMENT We ensure that we carry out this project. We do not copy or use any materials or source code from others without proper attribution. We take responsibility for any violations. Ho Chi Minh, September 19th 2024 Huynh Quoc Thoai | Huynh Dang Khoa i ACKNOWLEDGEMENT We would like to express our gratitude to the professor, Le Van Vinh, PhD, who helped us personally throughout the topic-making process in order to successfully complete this topic and this report.

We appreciate the teacher's advice from his real- world experience in helping us meet the requirements of the chosen topic, as well as his willingness to always respond to our queries and offer suggestions and corrections to assist us in overcoming our flaws and completing them successfully and on time. We also want to extend our sincere gratitude to the instructors in the International Education Division generally and the Information Technology sector specifically for their committed expertise that has helped us build a foundation. This topic has created the conditions for learning and performing effectively on the topic. We also want to express our gratitude to our classmates for sharing expertise and insights that helped us refine our topic.

We created the subject and report in a short amount of time, with little expertise and numerous other technical and software project implementation difficulties. Therefore, as it is inevitable that a topic may have flaws, we eagerly await the lecturers' insightful comments to further our knowledge and improve for the next time. We appreciate you very much. Finally, we would want to wish all of you teachers, ladies, and gentlemen, continued health and success in your line of work with developing individuals.

Again, we appreciate your kind words. We sincerely thank you. Huynh Quoc Thoai | Huynh Dang Khoa ii TABLE OF CONTENTS COMMITMENT. ii TABLE OF CONTENTS .iii LIST OF TABLES.

vi LIST OF FIGURES .viii CHAPTER 1: INTRODUCTION. OBJECTS AND SCOPE OF RESEARCH. Rosa Perfume Website. Nước Hoa Bình Dương Website.

Min Perfume website. FRONT-END DEVELOPMENT TECHNOLOGIES. BACK-END DEVELOPMENT TECHNOLOGIES. 23 iii CHAPTER 3: CURRENT STATUS SURVEY AND REQUIREMENT MODELING.

Non-functional requirements. Use case diagram. Use Case Scenario. 23 CHAPTER 4: SYSTEM DESIGN.

View Product Details. Add product to cart. Update product quantity. Delete Product from cart.

Manage the personal account. View order history. Get Promotions Code. Manage Promotions Code.

Preview Order Invoice. Preview Order Invoice. USER INTERFACE DESIGN. Admin Products Management.

Download Invoice Information. Admin Dashboard Statistics. 98 CHAPTER 5: IMPLEMENTATION AND TESTING. TOOLS IN PROJECT.

127 v LIST OF TABLES Table 1: Functions of administrator. 18 Table 2: Functions of Member. 19 Table 3: Use Case Log In. 23 Table 4: Use Case Register Account.

24 Table 5: Use Case Log Out. 25 Table 6: Use Case Recover Password. 26 Table 7: Use Case Find Products. 27 Table 8: Use Case Filter Products.

27 Table 9: Use Case View Product Details. 28 Table 10: Use Case Add Product to Cart. 29 Table 11: Use Case Update Product Quantity. 30 Table 12: Use Case Delete Product from Cart.

31 Table 13: Use Case Manage the Personal Account. 32 Table 14: Use Case View Order History. 33 Table 15: Use Case Checkout. 33 Table 16: Use Case Delete Users.

34 Table 17: Use case Update Products. 35 Table 18: Use Case Add New Products. 36 Table 19: Use Case Delete products. 38 Table 20: Use Case View Order Detail.

39 Table 21: Use Case Delete Order. 40 Table 22: Use case Update Products. 41 Table 23: Use Case Add New Products. 42 Table 24: Use Case Delete products.

43 Table 25: Use Case Update Brands. 44 Table 26: Use Case Add new brands. 46 Table 27: Use Case Delete brands. 47 Table 28: Use Case Get Promotions Code.

48 Table 29: Use Case Add Promotions Code. 49 Table 30: Use case Edit Promotions Code. 51 Table 31: Use Case Delete products. 52 vi Table 32: Use Case Subscribe Notification.

53 Table 33: Use Case Review Product. 53 Table 34: Use Case Preview Order Invoice. 54 Table 35: Use Case View Download Order Invoice. 55 Table 36: Database design category table.

84 Table 37: Database design variant table. 84 Table 38: Database design brand table. 85 Table 39: Database design order table. 85 Table 40: Database design payment table.

86 Table 41: Database design product table. 86 Table 42: Database design product buyers table. 87 Table 43: Database design product review table. 87 Table 44: Database design promotion table.

88 Table 45: Database design subscriber table. 88 Table 46: Database design users table. 89 Table 47: Database design categories table. 89 Table 48: User interface login description.

91 Table 49: User interface register account description. 92 Table 50: User interface view profile description. 94 Table 51: User interface admin products management description. 94 Table 52: User interface subscribe newsletter description.

95 Table 53: User interface download invoice description. 96 Table 54: User interface purchase order description. 98 Table 55: Test scenarios table. 100 Table 56: Test case login.

101 Table 57: Test case add to cart. 104 Table 58: Test case cart management. 107 Table 59: Test case checkout. 111 Table 60: Test case admin manage product.

115 Table 61: Test case Filter promotion code. 122 vii LIST OF FIGURES Figure 1.2: Rosa Perfume Website .3: Nước Hoa Bình Dương .1: Virtual and Real DOM .2: Structure of Redux .3: Important components in Node.4: Structure of JWT .5: Components of ANN .6: An Artificial neuron .1: Usecase Diagram of client-side module.2: Usecase diagram of the administrator module .2: Sequence Diagram Login .3: Sequence Diagram Register Account .4: Sequence Diagram Log Out .5: Sequence Diagram Recover Password .6: Sequence Diagram Find Products .7: Sequence Diagram Filter Products .8: Sequence Diagram of View Product Details .9: Sequence Diagram Add Product to Cart .10: Sequence Diagram Updating Product Quantity .11: Sequence Diagram Delete Product from Cart .12: Sequence Diagram Manage the Personal Account .13: Sequence Diagram View Order History .14: Sequence Diagram Checkout .15: Sequence Diagram Delete User Management .16: Sequence Diagram Edit products .17: Sequence Diagram Adding New Products .18: Sequence Diagram Deleting the Products .19: Sequence Diagram View Order Detail.20: Sequence Diagram Delete Order .21: Sequence Diagram Update Categories .22: Sequence Diagram Add New Categories .23: Sequence Diagram Delete Categories .24: Sequence Diagram Add New Brand .25: Sequence Diagram Update Brand .26: Sequence Diagram Delete Brand .27: Sequence Diagram Get Promotions Code .28: Sequence Diagram Add Promotions Code.29: Sequence Diagram Edit Promotions Code .30: Sequence Diagram Delete Promotions Code .31: Sequence Diagram Subscribe Notification .32: Sequence Diagram Review Product .33: Sequence Diagram Preview Order Invoice .34: Sequence Diagram Download Order Invoice .36: User interface login page .37: User interface register account .38: User interface view profile .39: User interface admin products management .40: User interface subscribe newsletter.41: User interface download invoice.42: User interface order invoice downloaded .43: User interface purchase order .44: Admin Dashboard Statistics .1: Test result login LI_01 .2: Test result login LI_02 .3: Test result login LI_03 .4: Test result add to cart ATC_01 .5: Test result add to cart ATC_02 .6: Test result add to cart ATC_03 .7: Test result add to cart CM_01 .8: Test result add to cart CM_02 .9: Test result cart management CM_03 .10: Test result cart management CM_04 .11: Test result checkout CM_01 .12: Test result checkout CM_02 .13: Test result checkout CM_03 .14: Test result admin manage product CM_01 .15: Test result admin manage product CM_02 .16: Test result admin manage product CM_03 .17: Test result admin manage product CM_04 .18: Test result admin manage product CM_05 .19: Test result admin manage product CM_06 .20: Test result admin manage product CM_07 .21: Test result Filter promotion code CM_01 .22: Test result Filter promotion code CM_02 .23: Test result Filter promotion code CM_03. PROBLEM STATEMENT Perfume today is not only a beauty product but also a symbol expressing the personality and style of each individual, especially the young. Each scent tells a separate story, carrying uniqueness to help users affirm their ego and personal mark.

Therefore, we decided to develop an e-commerce platform specializing in perfume, exploiting the power of self-expression and unique style, especially among modern youth. With the growing trend of online shopping, the perfume industry brings great potential for businesses to enter the digital market, meeting the demand for convenience and unique experiences. This topic was chosen because of the desire to bring consumers a personalized, convenient, and rich shopping experience, where they can easily explore a variety of perfumes from different brands. With its diversity of scents, styles, and moods, perfumes are ideal products to offer via e-commerce platforms, not only satisfying preferences but also helping customers express their own style in their daily lives.

PROJECT OJECTIVES The primary purpose of this project is to design and implement a robust e-commerce platform dedicated to the sale of perfume products. Beyond the transactional aspect, the project seeks to address the nuanced requirements of the modern online shopper.