Xây dựng website bán hàng với react expressjs và quy chuẩn jwt

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM Báo cáo đồ án XÂY DỰNG WEBSITE BÁN HÀNG VỚI REACT-EXPRESSJS VÀ QUY CHUẨN JWT Giảng viên hướng dẫn : ThS Trần Thị Hồng Yến Sinh viên thực : Phạm Võ Di Thiên Mã sinh viên 19522267 : Sinh viên thực : Vòng Minh Huỳnh Mã sinh viên : 19521652 Lớp : SE121.M21 TP HCM, tháng 06 năm 2022 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM Báo cáo đồ án XÂY DỰNG WEBSITE BÁN HÀNG VỚI REACT-EXPRESSJS VÀ QUY CHUẨN JWT Giảng viên hướng dẫn : ThS Trần Thị Hồng Yến Sinh viên thực : Phạm Võ Di Thiên Mã sinh viên 19522267 : Sinh viên thực : Vòng Minh Huỳnh Mã sinh viên : 19521652 Lớp : SE121.M21 TP HCM, tháng 06 năm 2022 ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Xây dựng Website bán hàng với React-ExpressJS quy chuẩn JWT Cán hướng dẫn: ThS Trần Thị Hồng Yến Thời gian thực hiện: Từ ngày: 21/02/2022 đến ngày 10/6/2022 Sinh viên thực hiện: Phạm Võ Di Thiên - 19522267 Vòng Minh Huỳnh - 19521652 Nội dung đề tài: Lí chọn đề tài Khách quan: Trong kinh tế nay, nhu cầu trao đổi hàng hóa (mua, bán) diễn vơ sơi dường hoạt động ln hữu Nhu cầu người mua hàng tăng khả đáp ứng, cung cấp người bán tăng theo Thế việc mua bán trực tiếp trở nên lỗi thời khiến cho chi phí mặt đầu tư người bán hàng trở nên ngày lớn, cộng hưởng thêm người mua hàng xã hội công nghệ lại khơng có nhu cầu ngồi gặp trực tiếp người bán hàng Điều lại có ý nghĩa đắn tình hình đại dịch Covid-19 thời, người ta lại quan ngại việc ngồi để mua hàng hóa Thế nên, tình trạng thúc đẩy người mua vào việc mua hàng hóa online thơng qua ứng dụng thương mại thông qua website, mặt người bán thúc đẩy họ thay đầu tư vào việc thuê mặt hay mở rộng mặt bán trực tiếp họ dùng chi phí để đầu tư vào phát triển hệ thống, ứng dụng, website phục vụ cho việc kinh doanh đặc biệt doanh nghiệp lớn, cửa hàng lớn Bởi lẽ việc đầu tư giúp họ tiết kiệm cho phí cơng sức nhiều cộng thêm giúp họ bảo vệ sức khỏe đại dịch Nhận thấy cần thiết, thực tế vấn đề nên nhóm chọn đề tài “Xây dựng website bán hàng” để phục vụ cho đồ án Một đề tài thực tế, tính ứng dụng cao đại trà giúp phần cho việc thực đồ án trở nên ý nghĩa Chủ quan: Trong trình học tập trường, nhóm muốn trải nghiệm khả thực nhiều loại đồ án vận hành nhiều tảng khác Nhận thấy hấp dẫn việc xây dựng website hỗ trợ bán hàng nên nhóm định chọn đề tài để thực cho môn Đồ án Đồ án mang ý nghĩa việc lần đầu trải nghiệm xây dựng website nhóm Mục tiêu đề tài • Xây dựng website giúp người dùng mua hàng, tốn online sử dụng website counter cửa hàng đẻ toán Đồng thời website phân quyền cho chủ sở hữu sử dụng • Có hệ thống quản lí kho hàng, quản lí nhân viên • Xây dựng hệ thống khuyến nghị sản phẩm đến khách hàng, hệ thống tốn online • Xây dựng UI cho website phong phú, giao diện thân thiện, màu sắc hài hịa, bố cục hợp lí nhờ vào ứng dụng tốt ngôn ngữ JS, công nghệ ReatcJS, ExpressJS chuẩn bảo mật JWT Phạm vi đề tài Đề tài tập trung xây dựng website giải toán e-commerce bao gồm ba phân quyền người dùng: Admin - Staff - Manager - Customer – Guest Phạm vi môi trường: Triển khai sản phẩm đề tài môi trường web Phạm vi chức năng: • Quản lý danh mục, sản phẩm • Quản lý khách hàng, nhân viên, tài khoản cá nhân • Quản lý đơn đặt hàng, giỏ hàng, tốn • Thống kê báo cáo, tìm kiếm Đối tượng sử dụng • Người dùng có nhu cầu mua laptop phụ kiện liên quan trực tuyến cửa hàng • Chủ cửa hàng để quản lý sản phẩm, nhân viên • Nhân viên để kiểm tra đơn hàng, quản lý chi nhánh Phương pháp thực • Tìm hiểu, phân tích, ứng dụng quy trình xây dựng website ReactJS • Phân tích giải pháp website tương tự thị trường • Thực khảo sát nhu cầu, tình trạng thực tế người dùng mua bán hàng online thông qua website Cơng nghệ sử dụng • Front-end: ReactJS – ReduxToolkit • Back-end: GoogleAPI/NodeJS, ExpressJS, Mongoose connected MongoDB, Sequelize connected PostgreSQL • Security Standard: JWT • Database: MongoDB, PostgreSQL, Firebase (nếu có làm chức đăng nhập qua Facebook) Kết mong đợi • Nắm bắt áp dụng cơng nghệ để xây dựng hồn thiện sản phẩm đề tài • Xây dựng website đáp ứng đủ chức đề • Giao diện website đơn giản, dễ sử dụng người dùng • Website có tính phát triển để mở rộng chức tương lai • Thành thục ngơn ngữ JS, sử dụng tốt công nghệ phát triển chọn • Tích hợp tính tốn trực tuyến vào ứng dụng • Áp dụng thành cơng quy chuẩn JWT vào đồ án để tăng tính bảo mật cho tồn ứng dụng • Biết cách sử dụng Cloudinary sử dụng API upload ảnh server-side để tăng tính bảo mật • Website deloy đầy đủ để sử dụng Kế hoạch thực hiện: Tuần Tuần (21/2 – 27/2) Công việc Công việc thành viên (Thiên) thành viên (Huỳnh) • Publish, thu thập, tổng hợp kết • Tạo form câu hỏi khảo sát nhu cầu tình trạng thực khảo sát • Quan sát, phân tích website tương tự có thị trường tế sử dụng, khảo sát chức website mua bán hàng trực tuyến Tuần (28/2 – 6/3) • Phân tích đề tài, xây dụng thiết • Phân thích đề tài, xây dựng kế UI, database, chức thiết kế UI, database, chốt ứng dụng chức website • Lên timeline cho dự án • Tạo timeline cho dự án • Tìm hiểu Template cho báo cáo • Tham khảo mẫu, template tài liệu báo cáo đồ án cuối kì • Tìm hiểu thư viện kiểm thử • Vẽ sơ đồ database • Tìm hiểu thuật tốn cho hệ • Tìm hiểu cơng nghệ, cơng thống khuyến nghị sản phẩm • Tìm hiểu công nghệ, công cụ ngôn ngữ chọn (Chủ yếu (Chủ yếu Front-end) • Tìm hiểu cách sử dụng MongoDB Back-end) • Tìm hiểu cách sử dụng database cụ ngôn ngữ chọn PostgreSQL • Tìm hiểu giải pháp tốn trực tuyến MongoDB Tuần (7/3 – 13/3) • Tạo repo github cho Server, tìm • Tạo repo github cho Client, hiểu qua boilerplate cho tìm hiểu boilerplate Server cho Client • Tạo database cho project database MongoDB • Tìm hiểu cài đặt Redux toolkit cho project PostgreSQL • Tìm hiểu cách kết nối Server với MongoDB PostgreSQL Tuần (14/3 – 20/3) • Học cách sử dụng Sequelize – • Học sử dụng thư viện MUI PostgreSQL, tạo Model cho • Tìm hiểu GoogleAPI/Nodejs entries • Tìm hiểu JWT • Tìm hiểu thư viện ảnh Cloudianry để lưu assets Tuần (21/3 – 27/3) • Cài đặt JWT phía Server Hồn thành chức năng: (getAccessToken, • Đăng kí, đăng nhập refreshToken, • Xác lưu trữ removeToken), Token bên MongoDB • Deloy Database PostgreSQL lên Heroku thực gmail GoogleAPI/Nodejs • Tìm hiểu đăng nhập qua Facebook (FirebaseAPI/ Authentication)(nếu có thể) Cài đặt hình phân quyền sau đăng nhập Tuần • Kiểm tra tính đắn Thiết kế giao diện ban đầu cho (28/3 – 3/4) Token gửi từ Server kiểm tra phân quyền Checking staff: Client có thực lấy lại • Viết API liên quan refreshToken Token hết thư viện Axios hạn • Hồn thành chức Quản • Thiết kế giao diện ban đầu cho lý đơn hàng phân quyền Admin • Viết API liên quan thư • Hoàn thành chức xem viện Axios Lịch sử đơn hàng • Hồn thành chức thêm, sửa, xóa sản phẩm Tuần (4/4 – 10/4) • Viết API liên quan thư Thiết kế giao diện ban đầu cho viện Axios phân quyền Manager chi • Hồn thành chức thêm, nhánh: sửa, xóa nhân viên • Viết API liên quan thư viện Axios • Hoàn thành chức Quản lý kho chi nhánh Tuần (11/4 – 17/4) • Viết API liên quan thư • Hồn thành chức Quản lí viện Axios doanh thu • Hồn thành chức quản lý • Hồn thành chức Quản kho hệ thống, phân phối sản lý lịch sử mua hàng chi phẩm nhánh • Hồn thành quản lý doanh thu • Chức xuất Bill (nếu có tồn hệ thống thể) (Hiển thị hóa đơn cửa hàng) Tuần (18/4 – 24/4) • Viết API liên quan thư • Tìm hiểu thư viện kiểm viện Axios thử • Hồn thành chức quản lý • Tiến hành kiểm thử hàm lịch sử đơn hàng toàn hệ thống ( Validate hệ thống bao gồm đơn hàng đặt từ web • Hồn thành tài liệu kiểm thử đơn hàng chi nhánh) Tuần 10 (25/4 – 1/5) (ở mức đơn giản có thể) Thiết kế giao diện cho phân quyền Thiết kế giao diện cho phân customer: • Viết API liên quan thư viện Axios • Hồn thành UI hiển thị danh sách sản phẩm • Hồn thành chức thêm vào gỏi hàng, đặt hàng quyền customer: • Viết API liên quan thư viện Axios • Hồn thành chức thay đổi thơng tin cá nhân • Thiết lập tài khoản Cloudinary để thực việc lưu trữ hình ảnh thơng tin khách hàng Tuần 11 (2/5 – 8/5) Hồn thành chức bình luận Tiến hành tìm hiểu phương thức cho sản phẩm toán trực tuyến Paypal hỗ trợ Nodejs áp dụng vào hệ thống Tuần 12 (9/5 – 15/5) • Tìm hiểu thuật tốn Lọc cộng • Tiến hành test qua hết lại tác để tiến hành thực hệ chức hệ thống, tiến thống khuyến nghị sản phẩm hành sủa lỗi có code Python • Tiến hành code hệ thống • Note lỗi gặp phải vào tập tài liệu System List có khuyến nghị đưa vào trang web để hỗ trợ khách hàng Tuần 13 • Deloy Server Heroku (16/5 – 22/5) • Deloy Client Vercel • Hồn thành tập tài liệu kiểm thử • Viết tài liệu báo cáo Tuần 14 Vẽ sơ đồ cho báo cáo Vẽ sơ đồ cho báo cáo Hoàn thành tài liệu báo cáo Chuẩn bị slide thuyết trình Tiến hành báo cáo Tiến hành báo cáo (23/5 – 29/5) Tuần 15 (30/5 – 5/6) Tuần 16 (5/6 – 10/6) TP HCM, ngày tháng năm 2022 Xác nhận CBHD (Ký tên ghi rõ họ tên) Trần Thị Hồng Yến Sinh viên Sinh viên (Ký tên ghi rõ họ (Ký tên ghi rõ họ tên) tên) Phạm Võ Di Thiên Vịng Minh Huỳnh Hình 18 Giao diện My Place Page 4.18.2 Mô tả Bảng 17 Mô tả giao diện My Place Page STT Kiểu Tên Navbar Bar Ràng buộc Khơng có Chức Hiển thực tác vụ tắt hệ thống (cart, user, search bar…) ordersCard, cartCard, Card Khơng có Lối vào mục thông tin favortiteCard, người dùng (khách profileCard hàng): • ordersCard: truy cập danh sách orders, lịch sử orders người dùng • cartCard: truy cập danh sách hàng hóa có giỏ hàng khách hàng • favroiteCard: truy cập danh sách hàng hóa 72 u thích khách hàng • profileCard: truy cập đến trang quản lí thơng tin cá nhân khách hàng Biến cố STT Xử lí Nhấn card Truy cập đến trang thông tin tương ứng khách hàng 4.19 My Cart Page 4.19.1 Giao diện Hình 19 Giao diện My Cart Page 4.19.2 Mô tả Bảng 18 Mô tả giao diện My Cart Page STT Kiểu Tên Navbar Bar Ràng buộc Khơng có Chức Hiển thực tác vụ tắt hệ thống (cart, user, search bar…) 73 pagesBreadcrumb Breadcrumb Lối tắt di chuyển đến Khơng có page đồng thời địa để người dùng biết đâu web shopBtn Button Truy cập vào trang sản phẩm Khơng có để tiếp tục tìm hiểu, khám phá hàng hóa searchCartBar AutoComplete Hỗ trợ tìm hàng hóa có Khơng có giỏ hàng checkoutnowBtn Button Phải có hàng Truy cập đến trang đặt hàng hóa giỏ tốn hàng productItem Box Hiển thị sản phẩm giỏ Khơng có hàng Add&MinusBtn IconButton Cho phép tăng giảm số lượng Không có loại hàng hóa giỏ hàng Biến cố STT Xử lí Nhấn shopBtn UI di chuyển đến trang danh sách hàng hóa hệ thống Nhấn UI di chuyển đến trang thực đặt hàng toán checkoutnowBtn Thực gõ tên sản Hệ thống hiển thị kết bên phẩm lên searchBar Nhấn + - Tăng giảm số lượng hàng hóa UI, sau thực lưu liệu lên database → cập nhật lại số lượng hàng hóa database Nhấn vào Hệ thống di chuyển đến trang chi tiết sản phẩm tương productitem ứng 4.20 My Order Page 4.20.1 Giao diện 74 Hình 20 Giao diện My Order Page 4.20.2 Mô tả Bảng 19 Mô tả giao diện My Order Page STT Kiểu Tên fromDate, toDate DateTimePicke Ràng buộc Khơng có Chức Cho phép người dùng cung cấp khoảng thời gian để phục r vụ lọc lịch sử đặt hàng họ Navbar Bar Khơng có Hiển thực tác vụ tắt hệ thống (cart, user, search bar…) searchBtn Button fromDate, Thực lọc lịch sử mua toDate không hàng bỏ trống refreshBtn Button Khơng có Đặt lại fromDate, toDate danh sách lịch sử mua hàng ban đầu 75 orderTable Table Hiển thị danh sách lịch sử Khơng có mua hàng khách hàng arrowBtn Button Cách thức để xem chi tiết Khơng có đơn hàng STT Biến cố Chọn ngày Xử lí UI nhận giá trị lưu vào nhớ tạm DateTimePicker Nhấn search Hệ thống dựa vào hai ngày vừa set picker để lọc lịch sử order phù hợp nằm khoảng thời gian đổ liệu lên table Nhấn arrow UI xuất bảng phụ hiển thị chi tiết danh sách đơn hàng, số tiền, đơn hàng để người dùng xem lại 4.21 My Favorite Page 4.21.1 Giao diện Hình 21 Giao diện My Favorite Page 76 4.21.2 Mô tả Bảng 20 Mô tả giao diện My Favorite Page STT Kiểu Tên Navbar Bar Ràng buộc Khơng có Chức Hiển thực tác vụ tắt hệ thống (cart, user, search bar…) pagesBreadcrumb Breadcrumb Khơng có Lối tắt di chuyển đến page đồng thời địa để người dùng biết đâu web searchFavoriteBar AutoComplete Khơng có Hỗ trợ tìm hàng hóa có u thích productItem Box Khơng có Hiển thị sản phẩm u thích arrowBtn Button Khơng có Cách thức để xem chi tiết đơn hàng deleteBtn IconButton Khơng có Cho phép xóa hàng hóa khỏi u thích cartBtn IconButton Khơng có Cho phép chuyển hàng hóa đến giỏ hàng để phục vụ đặt hàng floatAction Floating button Khơng có Chứa tác vụ trang u thích allToCartBtn IconButton Khơng có Cho phép chuyển tồn u thích đến giỏ hàng 10 allDeleteBtn IconButton Khơng có Cho phép xóa tồn sản phẩm yêu thích 77 STT Biến cố Xử lí Mousover UI hai tác vụ nhỏ hia icon button đại diện cho floatActions xóa tồn di chuyển tồn đến giỏ hàng Nhấn search Hệ thống dựa vào chuỗi người dùng cung cấp vào tên sản phẩm để thực tìm sản phẩm Nhấn allToCartBtn Hệ thống băt sđầu xử lí đưa tồn hàng u thích hay cartBtn hay hàng hóa thao tác đến giỏ hàng khách hàng Xử lí xong UI cập liệu lên database Nhấn allDeleteBtn Hệ thống xóa tồn hàng hóa hay hàng hóa hay deleteBtn thao tác khỏi dnah sách u thích UI sau thực xóa database Nhấn vào Di chuyển đến trang chi tiết sản phẩm tương ứng productitem 4.22 Pre-Access To Profile Page 4.22.1 Giao diện Hình 22 Giao diện Pre-Access To Profile Page 78 4.22.2 Mô tả Bảng 21 Mô tả giao diện Pre-Access to Profile Page STT Tên avatar, name Kiểu Typography Ràng buộc Chức Hiển thị thơng tin tên ảnh Khơng có đại diện người dùng password Textfield Không có Nhập mật người dùng forgotPassBtn Button Khơng có Di chuyển đến trang reset pasword STT signInBtn Biến cố Nhập liệu Button Thực đăng nhập truy cập Khơng có Xử lí UI thực ghi nhận lưu password vào biến tạm password Nhấn forgotPassBtn Hệ thống cho người dùng quên mật chuyển đến trang quên mặt giúp người dùng reset lại mật Nhấn SignInBtn Hệ thống thực thi đăng nhập hợp lệ hay không, hợp lệ chuyển đến trang hồ sơ cá nhân, không hệ thống hiển thị thông báo sai mật đến người dùng 79 4.23 Profile Page 4.23.1 Giao diện Hình 23 Giao diện Profile Page 4.23.2 Mô tả Bảng 22 Mô tả giao diện Profile Page STT Kiểu Tên Navbar Bar Ràng buộc Khơng có Chức Hiển thực tác vụ tắt hệ thống (cart, user, search bar…) pagesBreadcrumb Breadcrumb Khơng có Lối tắt di chuyển đến page đồng thời địa để người dùng biết đâu web Name, contact, TextField Khơng có Cho phép lưu, chứa thông tin người dùng (tên, liên hệ, địa address chỉ) penBtn IcnButton Khơng có Cho phép truy cập chỉnh sửa trường thông tin 80 avatar Image Hiển thị ảnh đại diện người Khơng có dùng từ hệ thống người dùng chọn photoBtn IconButton Cho phép người dùng thực Khơng có mở sổ chọn ảnh đại diện từ máy stickBtn IconButton Cho phép mở modal thơng tin Khơng có điểm số xếp hạng, ưu đãi tương ứng rank Progress + Icon Hiển thị cấp bậc tài khoản Không có người dùng birthdayPicker Cho phép chọn ngày sinh hay DateTimePicker Khơng có hiển thị ngày sinh từ hệ thống 10 genderPicker Selection Cho phép chọn giới tính hay Khơng có hiển thị giới tính từ hệ thống 11 saveBtn Button Thực lưu thơng tin giới Khơng có tính ngày sinh chỉnh sửa STT Biến cố Nhập liệu Xử lí Mỗi nhấn penBtn bên phải thông tin, hệ thống xuất hộp thoại cho phép chỉnh sửa thông tin cá nhân → nhấn save hộp thoại hệ thống bắt đầu validate thông tin hợp lệ hay không để lưu lên database Nhấn save Hệ thống thực lưu thơng tin giới tính ngày sinh thay đổi vào database 4.24 Checkout Now Page 4.24.1 Giao diện 81 Hình 24 Giao diện Checkout Now Page 4.24.2 Mô tả Bảng 23 Mô tả giao diện Checkout Now Page STT Tên Kiểu avatar, name, contact, Typography, address Ràng buộc Chức Hiển thị thông tin khách Khơng có Textfield, hàng, cho phép nhập để Avatar đại diện cho đơn hàng đặt Province, District, Selection Phải Chọn địa nhận hàng chọn theo thứ Commune tự: tỉnh – huyện – xã Mycart Button Khơng có Cho phép quay giỏ hàng continueBtn Button Khơng có Tiếp tục đặt hàng việc đến hồn thành tốn STT Biến cố Xử lí 82 Nhập liệu Ui lưu thơng tin liệu nhập, validate hợp lí người dùng nhấn vào continueBtn có thơng báo không hợp lệ Nhấn continueBtn Hệ thống di chuyển đến tác vụ toán đơn hàng liệu nhập vào đầy đủ hợp lí 4.25 Payment Page 4.25.1 Giao diện Hình 25 Giao diện Payment Page 4.25.2 Mô tả Bảng 24 Mô tả giao diện Payment Page STT Tên Kiểu deliveryMethodCheck RadioButton Ràng buộc Khơng có Chức Chọn phương thức vận chuyển payonDeliveryBtn RadioButtn Khơng có Chọn phương thức toán nhận hàng trả tiền paypalBtn RadioButton Khơng có Chọn phương thức tốn online paypal paypalCheckNow Button Khơng có Thực tốn paypal STT Biến cố Xử lí 83 Nhấn tốn Hệ thống dẫn tới hình paypal để khách hàng thực paypalChecknow tốn Khi hồn tất trả tiền, hệ thống lưu đơn hàng lên database, xóa hàng hóa đặt giỏ hàng Chương 5: KẾT LUẬN 5.1 Ưu điểm đồ án: 5.1.1 Về giao diện - Nhờ linh hoạt công việc nghiên cứu, làm quen, ứng dụng công nghệ (React JS, …) nên đồ án design cách nhanh chóng, ý nhóm - Giao diện ComeBuy dễ dùng, dễ học, dễ làm quen độ khách quan nhóm đưa lên làm mối quan tâm chủ yếu thực thiết kế code - Màu sắc hài hòa với tone màu chủ đạo toàn ứng dụng tone màu lạnh khơng gây chói mắt người dùng lướt web - Giao diện đạt độ responsive định 5.1.2 Về chức (khả ứng dụng thực tế) - Website ComeBuy tích hợp nhiều loại người dùng ứng dụng web: Owner (chủ shop), Nhân viên checking, Quản lí chi nhánh, khách hàng thành viên, khách hàng không thành viên - ComeBuy có cung cấp tốn online thơng qua thẻ ghi nợ hay paypal, tiện lời cho người dùng đặt hàng online - ComeBuy cịn sử dụng Counter thực tế điểm bán hàng chi nhánh thực tế - Ứng dụng có khả khuyến nghị sản phẩm thơng qua số thuật toán deep learning nhằm đưa khuyến nghị xu hướng mua hàng khách hàng thông qua doanh thu lịch sử bán hàng 5.2 Hạn chế đồ án: - Có số chức chưa hoàn chỉnh hoàn toàn - Code xây dựng dài, chưa tối ưu code - Một số chức chưa tối ưu triệt để để tạo độ mượt mà cho trang web (thanh tốn cịn chậm) - Chức quản lí hóa đơn chưa mang lại tính hiệu cao thực tế - Recommend System chưa có phần gợi ý sản phẩm mua nhiều 84 - Phần Data Analysis cần có hỗ trợ nhìn sản phẩm tối ưu - Chưa hồn thiện phần quản lý hàng hóa chi nhánh - Database chưa mang tính tiến hóa cao - Tốc độ xử lý số chức chưa nhanh 5.3 Hướng phát triển đồ án: − Cải thiện UI cho đồng toàn hệ thống − Xây dựng lại Database để tăng tính tiến hóa − Hồn thành chức cịn lại hệ thống (Thông báo, quản lý nhập xuất tồn kho, ) − Tối ưu tốc độ nâng cấp toán trực tuyến − Tìm hiểu thuật tốn khác để tối ưu hệ thống Recommend System Data Analysis cho vai trị Admin − Có thể thêm chức theo dõi đơn hàng khách hàng − Bổ sung trường trạng thái đơn hàng để khách hàng quan sát, theo dõi kĩ trình đơn hàng − Kiếm sốt quản lí điều lệ hủy đơn hàng khách hàng − Thêm quản lí giảm giá, ưu đãi Cơ chế cộng điểm giảm giá, ưu đãi sau lần mua hàng khách hàng thành viên − Quản lí chăm sóc khách hàng: tặng q thành viên, sinh nhật, lễ lớn, … 85 TÀI LIỆU THAM KHẢO [1] Trần Thị Hồng Yến (2022), Temple báo cáo môn học, Khoa Công nghệ Phần Mềm, Trường ĐH Công Nghệ Thông Tin [2] Nguyễn Lưu Thủy Ngân & Dương Ngọc Hảo (2019), Slide Quy trình thực dự án máy học, Khoa Khoa Học Máy Tính, Trường ĐH Công nghệ Thông Tin [3] Nguyen Thi Hop, “Introduction to Recommender Systems” [Online] Available: Link [4] I Stack Exchange, “Stack Overflow,” [Online] Available: Stack Overflow - Where Developers Learn, Share, & Build Careers [5] © 2015–2022 Dan Abramov and the Redux documentation authors, “Redux-Toolkit Documentary” [Online] Avaialable: Redux-Toolkit [6] © 2022 Meta Platforms, Inc , “React Documentary” [Online] Avaialable: React [7] © 2022 Remix, “React Router Dom Documentary” [Online] Available : React-RouterDom [8] © 2022 Material UI SAS, “MUI Library Documentary” [Online] Available : MUI [9] EmailEngine, “Nodemailer” [Online] Avaialable: Nodemailer [10] © 2022 Sequelize Contributors, “Sequelize Documentary” [Online] Available: Sequelize [11] © 1999–2022 Paypal Pte Ltd., “Paypal Documentary” [Online] Available: Paypal [12] Cloud, “Cloundinary” [Online] Available: Cloundinary Documentation [13] MongoDB Inc., “MongoDB” [Online] Available: MongoDB: MongoDB [14] StrongLoop, IBM, and other expressjs.com contributors., “Express” [Online] Available: Express [15] Valeri Karpov, Kathryn Radovan, Hafez, “Mongoose” [Online] Available: Mongoosejs Hết 86 ...BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM Báo cáo đồ án XÂY DỰNG WEBSITE BÁN HÀNG VỚI REACT- EXPRESSJS VÀ QUY CHUẨN JWT Giảng viên hướng dẫn... rõ họ tên) tên) Phạm Võ Di Thiên Vòng Minh Huỳnh LỜI CẢM ƠN Đồ án ‘XÂY DỰNG WEBSITE BÁN HÀNG VỚI REACT- EXPRESSJS VÀ QUY CHUẨN JWT? ?? minh chứng cho trình cố gắng, khơng ngừng việc tìm tịi, học hỏi... dẫn việc xây dựng website hỗ trợ bán hàng nên nhóm định chọn đề tài để thực cho môn Đồ án Đồ án mang ý nghĩa việc lần đầu trải nghiệm xây dựng website nhóm Mục tiêu đề tài • Xây dựng website giúp