(Đồ án hcmute) tìm hiểu và áp dụng công nghệ mern stack để xây dựng demo website bán hàng thời trang

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH ĐỒ ÁN TỐT NGHIỆP NGÀNH CƠNG NGHỆ THƠNG TIN TÌM HIỂU VÀ ÁP DỤNG CÔNG NGHỆ MERN STACK ĐỂ XÂY DỰNG DEMO WEBSITE BÁN HÀNG THỜI TRANG GVHD: NGUYỄN THIÊN BẢO SVTT: NGUYỄN THỊ THỨC MSSV: 15110329 SVTH: ĐÀO HOÀN VŨ MSSV: 15110373 SKL 0 Tp Hồ Chí Minh, 2019 an TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM NGUYỄN THỊ THỨC - 15110329 ĐÀO HỒN VŨ – 15110373 Đề tài: TÌM HIỂU VÀ ÁP DỤNG CÔNG NGHỆ MERN STACK ĐỂ XÂY DỰNG DEMO WEBSITE BÁN HÀNG THỜI TRANG KHOÁ LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIÁO VIÊN HƯỚNG DẪN TS NGUYỄN THIÊN BẢO KHÓA 2015 - 2019 an TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM NGUYỄN THỊ THỨC - 15110329 ĐÀO HỒN VŨ – 15110373 Đề tài: TÌM HIỂU VÀ ÁP DỤNG CÔNG NGHỆ MERN STACK ĐỂ XÂY DỰNG DEMO WEBSITE BÁN HÀNG THỜI TRANG KHOÁ LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIÁO VIÊN HƯỚNG DẪN TS NGUYỄN THIÊN BẢO KHÓA 2015 - 2019 an ĐH SƯ PHẠM KỸ THUẬT TP.HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT Độc lập – Tự – Hạnh phúc ***** ***** PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Họ tên SV thực 1: Nguyễn Thị Thức Mã số SV: 15110329 Họ tên SV thực 2: Đào Hoàn Vũ Mã số SV: 15110373 Ngành: Cơng nghệ thơng tin Tên đề tài: Tìm hiểu áp dụng công nghệ MERN stack để xây dựng demo website bán hàng thời trang Họ tên giáo viên hướng dẫn: T.S Nguyễn Thiên Bảo NHẬN XÉT: Về nội dung đề tài khối lượng công việc thực hiện: Về nhóm đạt mục tiêu mà đề tài đặt như: • Về lí thuyết: Đã tìm hiểu kiến thức thành phần mơ hình MERN stack • Về project: Sản phẩm hoàn thành đạt nội dung như: Thao tác với sở liệu NoSQL MongoDB để thao tác với big data thông qua hỗ trợ mongoose thao tác code NodeJS Nhóm tìm hiểu tạo API NodeJS framework NodeJS ExpressJS để nhiều thiết bị khác sử dụng chung nguồn liệu Áp dụng thư viện redux để xây dựng giao diện đẹp đầy đủ chức Ưu điểm: • Trong q trình xây dựng website, thành viên nhóm thường gặp giáo viên hướng dẫn để giải đáp thắc mắc đề tài • Qua thời gian làm khóa luận nâng cao khả tự học, tự tìm kiếm tài liệu thành viên Khuyết điểm: • Vì cơng nghệ MERN kiến thức tương đối thành viên nhóm nên thời gian nhiều tìm kiếm tài liệu để học áp dụng • Với thời gian có hạn, nên chưa xây dựng ứng dụng mang tính chun nghiệp an Tìm hiểu áp dụng cơng nghệ Mern để xây dựng demo website bán hàng thời trang • Ứng dụng có nhiều tính chưa hồn thành như: - Chưa tích hợp API cổng toán trực tuyến - Chưa thực chức thống kê sản phẩm bán cửa hàng - Đưa danh sách sản phẩm có liên quan đến sản phẩm mà khách hàng muốn mua • Bất đồng quan điểm thành viên nhóm Đồng ý cho phản biện hay không? ………………… Đánh giá loại: ………… Điểm: ……… TP.HCM, ngày tháng năm 2019 Giáo viên hướng dẫn TS Nguyễn Thiên Bảo an Tìm hiểu áp dụng công nghệ Mern để xây dựng demo website bán hàng thời trang ĐH SƯ PHẠM KỸ THUẬT TP.HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT Độc lập – Tự – Hạnh phúc ***** ***** PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Họ tên SV thực 1: Nguyễn Thị Thức Mã số SV: 15110329 Họ tên SV thực 2: Đào Hoàn Vũ Mã số SV: 15110373 Ngành: Công nghệ thông tin Tên đề tài: Tìm hiểu áp dụng cơng nghệ MERN stack để xây dựng demo website bán hàng thời trang Họ tên giáo viên phản biện: T.S Nguyễn Thành Sơn NHẬN XÉT: Về nội dung đề tài khối lượng công việc thực hiện: …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… Ưu điểm: …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… Khuyết điểm: …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… Đồng ý cho bảo vệ hay không? ………… Đánh giá loại: ………… Điểm: ……… TP.HCM, ngày tháng năm 2019 Giáo viên phản biện TS Nguyễn Thành Sơn an Tìm hiểu áp dụng công nghệ Mern để xây dựng demo website bán hàng thời trang LỜI CẢM ƠN Đề tài “Tìm hiểu áp dụng công nghệ MERN để xây dựng website bán hàng thời trang” nội dung chúng em chọn để nghiên cứu hồn thành khóa luận tốt nghiệp chun ngành cơng nghệ phần mềm Để hồn thành q trình nghiên cứu hồn thiện luận văn này, lời cho phép chúng em xin chân thành cảm ơn sâu sắc đến thầy Nguyễn Thiên Bảo Thầy trực tiếp bảo hướng dẫn chúng em suốt q trình nghiên cứu để chúng em hồn thiện luận văn Ngoài chúng em xin chân thành cảm ơn thầy cô khoa Công nghệ thơng tin đóng góp ý kiến q báu cho luận văn ngày hoàn thiện Chúng em xin chân thành cảm ơn bố mẹ nuôi nấng, dạy dỗ chúng em, bên cạnh cổ vũ, tiếp thêm tinh thần, ủng hộ lắng nghe chúng em để chúng em có ngày hôm Nhân dịp này, chúng em xin cảm ơn lãnh đạo anh chị công tác trường tạo điều kiện, thời gian, sở vật chất cho chúng em suốt trình nghiên cứu Trân trọng cảm ơn! an Tìm hiểu áp dụng công nghệ Mern để xây dựng demo website bán hàng thời trang Trường ĐH Sư Phạm Kỹ Thuật TP.HCM Khoa: CNTT ĐỀ CƯƠNG LUẬN VĂN TỐT NGHIỆP Họ Tên SV thực 1: Nguyễn Thị Thức Mã Số SV: 15110329 Họ Tên SV thực 2: Đào Hoàn Vũ Mã Số SV: 15110373 Thời gian làm luận văn: Từ: Đến: 30/06/2019 01/03/2019 Chuyên ngành: Công nghệ phần mềm Tên luận văn: Tìm hiểu áp dụng công nghệ MERN stack để xây dựng demo website bán hàng thời trang GV hướng dẫn: TS Nguyễn Thiên Bảo Nhiệm Vụ Của Luận Văn: Tìm hiểu thành phần MERN stack (MongoDB, ExpressJS, ReactJS, NodeJS) Xây dựng Restful API từ NodeJS, sử dụng framework ExpressJS Sử dụng ReactJS thư viện Redux để nâng cao khả quản lí phía front-end cho trang web Kết hợp API project ReactJS để thao tác với sở liệu Hoàn thành trang web phục vụ mua bán hàng thời trang Đề cương viết luận văn: MỤC LỤC Chương 1: MỞ ĐẦU 1.1 Sự cần thiết đề tài 1.2 Mục đích đề tài 1.3 Đối tượng phạm vi nghiên cứu 1.4 Phân tích cơng trình có liên quan 1.5 Kết dự kiến đạt Chương 2: CƠ SỞ LÍ THUYẾT 2.1 Cơng nghệ MERN STACK 2.2 RestFul API 2.3 Mongoose 2.4 Redux Chương 3: PHÂN TÍCH VÀ THIẾT KẾ ỨNG DỤNG 3.1 Đặc tả yêu cầu 3.2 Lược đồ use case 3.3 Lược đồ sở liệu an Tìm hiểu áp dụng công nghệ Mern để xây dựng demo website bán hàng thời trang 3.4 Thiết kế giao diện 3.5 Thiết kế xử lí Chương 4: CÀI ĐẶT VÀ KIỂM THỬ 4.1 Cài đặt 4.2 Kiểm thử Chương 5: KẾT LUẬN 5.1 Kết đạt 5.2 Ưu, nhược điểm 5.3 Hướng phát triển đề tài TÀI LIỆU THAM KHẢO KẾ HOẠCH THỰC HIỆN STT Thời gian Công việc Ghi 03/03 đến 17/03 Khảo sát trạng xác định yêu cầu thiết kế sở liệu 17/03 đến 31/03 Hiện thực hóa đối tượng sở liệu 31/03 đến 07/04 Tạo API 07/04 đến 14/04 Tạo API 14/04 đến 28/04 Kết hợp API viết vào trang web 28/04 đến 12/05 Xây dựng chức login 12/05 đến 19/05 Phân loại sản phẩm trang chủ (dành cho nam nữ) 19/05 đến 26/05 Xây dựng chức tìm kiếm sản phẩm 26/05 đến 09/06 Xây dựng sửa lỗi chức giỏ hàng 09/06 đến 16/06 Hoàn thành chức giỏ hàng 10 16/06 đến 23/06 Public trang web lên host 11 Viết báo cáo 12 23/06 đến 30/06 Hoàn thành luận văn Xác nhận giáo viên hướng dẫn Ngày tháng năm 2019 Người viết đề cương TS Nguyễn Thiên Bảo Nguyễn Thị Thức an Tìm hiểu áp dụng công nghệ Mern để xây dựng demo website bán hàng thời trang MỤC LỤC LỜI CẢM ƠN ĐỀ CƯƠNG LUẬN VĂN TỐT NGHIỆP DANH MỤC HÌNH ẢNH DANH MỤC CÁC BẢNG CHƯƠNG 1: MỞ ĐẦU 1 1.1 SỰ CẦN THIẾT CỦA ĐỀ TÀI .1 1.2 MỤC ĐÍCH CỦA ĐỀ TÀI 1.3 ĐỐI TƯỢNG VÀ PHẠM VI NGHIÊN CỨU .3 1.4 PHÂN TÍCH NHỮNG CƠNG TRÌNH CĨ LIÊN QUAN 1.5 KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC .4 CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG 2.1 CÁC WEBSITE TƯƠNG TỰ 2.1.1 Zara 2.1.2 MWC Store 2.2 YÊU CẦU CỦA WEBSITE .6 CHƯƠNG 3: CƠ SỞ LÍ THUYẾT 3.1 CÔNG NGHỆ MERN STACK 3.1.1 MongoDB 3.1.2 NodeJS 22 3.1.3 ExpressJS .26 3.1.4 ReactJS 31 3.2 RESTFUL API .38 3.2.1 Các thành phần 38 3.2.2 Cách hoạt động 39 3.2.3 Authentication liệu trả 40 3.3 MONGOOSE .42 3.3.1 Định nghĩa .42 3.3.2 Thiết lập Mongoose .43 3.3.3 Định nghĩa schema cho Mongoose 44 3.3.4 Tạo lưu model Mongoose .46 3.3.5 Xác thực liệu schema 47 3.3.6 Một số thao tác với sở liệu 48 3.4 REDUX 50 an Tìm hiểu áp dụng công nghệ Mern để xây dựng demo website bán hàng thời trang CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ 5.1 CÀI ĐẶT - Cài đặt gói npm: npm install - Cài đặt NodeJS: link: https://nodejs.org/en/download/ - Trỏ vào thư mục: source_code\mern_stack_app Chạy lệnh: npm install: cài đặt thư viện cần thiết cho API Hình 53 Cài đặt thư viện cần thiết cho API - Trỏ vào thư mục: \source_code\mern_stack_app\clothes_shop Chạy lệnh: npm install: cài đặt thư viện cần thiết cho giao diện Hình 54 Cài đặt thư viện cần thiết cho API - Quay trở lại thư mục mern_stack_app: 83 an Tìm hiểu áp dụng công nghệ Mern để xây dựng demo website bán hàng thời trang Hình 55 Trở lại thư mục mern-stack-app - Chạy lệnh: npm run dev Hình 56 Chạy npm run dev - Check trình duyệt: 84 an Tìm hiểu áp dụng cơng nghệ Mern để xây dựng demo website bán hàng thời trang Hình 57 Kết sau cài đặt 85 an Tìm hiểu áp dụng cơng nghệ Mern để xây dựng demo website bán hàng thời trang 5.2 KIỂM THỬ 5.2.1 Test phần khách hàng: 5.2.1.1 Màn hình đăng nhập Bảng 20 Test hình đăng nhập Test ID case Test case Expected procedure output description Test không Không nhập Không chuyển nhập thông tin thông tin ấn sang hình đăng nhập nút Login trang chủ Test nhập sai Nhập sai tên tài Không chuyển thông tin đăng khoản mật sang hình nhập hai trang chủ Inter-test case Result dependence Pass Pass ấn nút Login Test nhập Nhập thông Đăng nhập thành thông tin tin đăng nhập công Chuyển đăng nhập bao bấm Login sang hình gồm tên đăng Pass trang chủ nhập mật 5.2.1.2 Màn hình thơng tin cá nhân Bảng 21 Test hình thơng tin cá nhân 86 an Tìm hiểu áp dụng cơng nghệ Mern để xây dựng demo website bán hàng thời trang Test ID case Test case Expected procedure output description Inter-test case Result dependence Hiển thị thông Xem thông tin Bấm nút My cá nhân Profile tin cá nhân bao gồm username, Pass fullname, phone, mail, address Sửa thông tin cá nhân Sửa xong thông tin bấm nút Save Thông tin Pass cập nhật 5.2.1.3 Màn hình giỏ hàng Bảng 22 Test hình xem giỏ hàng Test ID case Test case Expected procedure output description Inter-test case Result dependence Hiển thị danh Xem sản sách sản phẩm mà phẩm mua, khách hàng Bấm nút Cart tổng số tiền cho vào giỏ tương ứng với số hàng sản phẩm mã Pass giảm giá Sản phẩm bị xóa Xóa sản phẩm khỏi giỏ hàng Bấm nút Delete khỏi giỏ hàng sau sản phẩm khách hàng muốn xóa Số tiền cập Pass nhật lại 5.2.1.4 Màn hình thêm sản phẩm vào giỏ hàng 87 an Tìm hiểu áp dụng cơng nghệ Mern để xây dựng demo website bán hàng thời trang Bảng 23 Test hình thêm sản phẩm vào giỏ hàng Test ID case Test case Expected procedure output description Thêm số lượng Cho sản phẩm kho vào giỏ hàng vào danh sách chi tiết sản phẩm (màu sắc, kích cỡ) mà khách hàng muốn mua Inter-test case Result dependence Kiểm tra sản phẩm kho (đúng size, màu sắc số Pass lượng) cho vào giỏ hàng khách 5.2.2 Test phần member 5.2.2.1 Màn hình thơng tin nhân viên Bảng 24 Test hình xem thơng tin nhân viên Test ID case Test case Expected procedure output description Inter-test case Result dependence Hiển thị thông Xem thông tin Bấm nút My cá nhân Profile tin cá nhân bao gồm username, Pass fullname, phone, mail, address Sửa thông tin cá nhân Sửa xong thông tin bấm nút Save Thơng tin cập nhật Pass 5.2.2.2 Màn hình danh sách sản phẩm Bảng 25 Test hình xem danh sách sản phẩm 88 an Tìm hiểu áp dụng công nghệ Mern để xây dựng demo website bán hàng thời trang Test ID case Test case Expected procedure output description Xem danh Bấm vào tab sách sản phẩm Products Inter-test case Result dependence Hiển thị danh sách sản Pass phẩm Bấm vào nút Thêm sản phẩm Create, sau Sản phẩm điền đầy đủ thông thêm vào danh tin bấm nút sách Pass Save Bấm vào nút edit sau sản phẩm cần Sửa thông tin sửa thông tin, sản phẩm điền lại thông tin Thông tin sản phẩm cập Pass nhật sau bấm nút Save Bấm vào nút Xóa sản phẩm Delete sau sản Sản phẩm bị xóa phẩm cần xóa khỏi danh sách Kiểm tra sản khơng nằm phẩm có chứa danh sách đơn đơn hàng hàng có trạng thái (đã xác nhận, chuyển được xác nhận Fail chuyển) 5.2.2.3 Màn hình thơng tin chi tiết sản phẩm Bảng 26 Test hình xem thơng tin chi tiết sản phẩm 89 an Tìm hiểu áp dụng công nghệ Mern để xây dựng demo website bán hàng thời trang Test ID case Test case Expected procedure output description Xem thông tin Bấm vào nút Edit chi tiết sản sau sản phẩm cần phẩm xem Thêm thông tin chi tiết sản phẩm chi tiết sản phẩm tin, sau bấm Bấm nút Edit sau mẫu cần sửa, điền lại thông tin bấm nút Save Xóa thơng tin Create, điền thơng nút Save Sửa thông tin Bấm vào nút chi tiết sản phẩm Bấm nút Delete sau mẫu cần xóa Inter-test case Result dependence Chi tiết sản phẩm Pass nút Create (Nếu có) Một mẫu sản phẩm thêm vào Pass danh sách mẫu Các chi tiết mẫu cập Pass nhật Mẫu bị xóa khỏi danh sách mẫu Pass sản phẩm 5.2.2.4 Màn hình danh sách mã giảm giá Bảng 27 Test hình xem danh sách mã giảm giá Test ID case Test case Expected procedure output Bấm vào tab Sale Hiện danh sách Codes mã giảm giá description Xem danh sách mã giảm giá Inter-test case Result dependence Pass 90 an Tìm hiểu áp dụng cơng nghệ Mern để xây dựng demo website bán hàng thời trang Bấm vào nút Thêm mã giảm giá Create, sau Mã giảm giá điền đầy đủ thông thêm vào tin bấm nút danh sách Pass Save Xóa mã giảm giá Bấm vào nút Mã giảm giá bị Delete sau mã xóa khỏi danh giảm giá cần xóa sách Pass 5.2.2.5 Màn hình thơng tin khách hàng Bảng 28 Test hình xem thơng tin khách hàng Test ID case Test case Expected procedure output description Xem danh sách khách hàng Xóa khách hàng Bấm vào tab Customer Inter-test case Result dependence Hiển thị danh sách khách Pass hàng Bấm vào nút Khách hàng bị Delete sau khách xóa khỏi danh hàng cần xóa sách Pass 5.2.2.6 Màn hình danh sách loại sản phẩm Bảng 29 Test hình xem danh sách loại sản phẩm Test ID case Test case Expected procedure output description Xem danh sách loại sản phẩm Bấm vào tab Categories Inter-test case Result dependence Hiển thị danh sách loại sản Pass phẩm 91 an Tìm hiểu áp dụng công nghệ Mern để xây dựng demo website bán hàng thời trang Bấm vào nút Thêm loại sản phẩm Create, sau Loại sản phẩm điền đầy đủ thông thêm vào tin bấm nút danh sách Pass Save Bấm vào nút edit sau loại sản phẩm Sửa thông tin cần sửa thông tin, loại sản phẩm điền lại thơng tin sau bấm nút Thông tin loại sản phẩm Pass cập nhật Save Xóa loại sản phẩm Bấm vào nút Loại sản phẩm Delete sau loại bị xóa khỏi danh sản phẩm cần xóa sách Pass 5.2.2.7 Màn hình đơn hàng Bảng 30 Test hình xem đơn hàng Test ID case Test case Expected procedure output description Xem danh Bấm vào tab sách đơn hàng Orders Bấm vào nút Edit Chỉnh sửa trạng thái đơn hàng cột Status đơn hàng cần thay đổi trạng thái Hiển thị form Inter-test case Result dependence Hiển thị danh sách đơn Pass hàng Form trạng thái tắt trạng thái đơn hàng Pass cập nhật danh sách trạng thái 92 an Tìm hiểu áp dụng công nghệ Mern để xây dựng demo website bán hàng thời trang thay đổi đơn hàng Chọn trạng thái muốn chuyển đối nhấn save 5.2.3 Test phần admin 5.2.3.1 Màn hình danh sách nhân viên Bảng 31 Test hình danh sách nhân viên Test ID case Test case Expected procedure output Bấm vào tab Hiển thị danh Manage sách nhân Employee viên description Xem danh sách nhân viên Inter-test case Result dependence Pass 93 an Tìm hiểu áp dụng cơng nghệ Mern để xây dựng demo website bán hàng thời trang CHƯƠNG 6: KẾT LUẬN 6.1 KẾT QUẢ ĐẠT ĐƯỢC Về nhóm đạt mục tiêu mà đề tài đặt như: - Về lí thuyết: Đã tìm hiểu kiến thức thành phần mơ hình MERN stack: + Cách tổ chức database sở liệu NoSQL MongoDB + NodeJS framework NodeJS ngơn ngữ phía server + ReactJS thư viện mã nguồn mở dùng để tạo trang web SPAs - Sản phẩm hoàn thành đạt nội dung như: + Thao tác với sở liệu NoSQL MongoDB sử dụng rộng rãi để thao tác với big data thông qua hỗ trợ mongoose thao tác code NodeJS Với sở liệu, nhóm hiểu cấu trúc document thao tác để thêm mới, sửa, xóa thành phần document, lấy liệu mong muốn từ document sở liệu + Với nhu cầu tại, phần lớn trang web thiết kế với phần lấy liệu sử dụng API (Resful API) để nhiều thiết bị khác sử dụng chung nguồn liệu Chính vậy, nhóm tìm hiểu tạo API NodeJS framework NodeJS ExpressJS + Về phía Client: Phần giao diện với người sử dụng viết ReactJS áp dụng thư viện nâng cao Redux để hoàn thành giao diện Về bản, trang web thực thao tác cho người khách hàng đăng kí tài khoản mới, xem sản phẩm, xem chi tiết sản phẩm, thêm sản phẩm vào giỏ hàng đăng nhập vào hệ thống để thực mua hàng Về phía người quản trị trang web: quản lí thơng tin tất đối tượng liên quan đến cửa hàng như: sản phẩm, loại sản phẩm, mã giảm giá, danh sách nhân viên, khách hàng, … Đồng thời, người sử dụng thao tác để sửa chữa thơng tin cá nhân 6.2 ƯU, NHƯỢC ĐIỂM 6.2.1 Ưu điểm - Trong trình xây dựng website, thành viên nhóm thường gặp giáo viên hướng dẫn để giải đáp thắc mắc đề tài 94 an Tìm hiểu áp dụng cơng nghệ Mern để xây dựng demo website bán hàng thời trang - Qua thời gian làm khóa luận nâng cao khả tự học, tự tìm kiếm tài liệu thành viên 6.2.2 Nhược điểm - Vì cơng nghệ MERN kiến thức tương đối thành viên nhóm nên thời gian nhiều tìm kiếm tài liệu để học áp dụng - Với thời gian có hạn, nên chưa xây dựng ứng dụng mang tính chuyên nghiệp - Ứng dụng có nhiều tính chưa hồn thành như: + Chưa tích hợp API cổng toán trực tuyến + Chưa thực chức thống kê sản phẩm bán cửa hàng + Đưa danh sách sản phẩm có liên quan đến sản phẩm mà khách hàng muốn mua - Bất đồng quan điểm thành viên nhóm 6.3 HƯỚNG PHÁT TRIỂN CỦA ĐỀ TÀI - Nhóm hồn thiện chức dang dở ứng dụng - Website hướng đến mục tiêu khách hàng lựa chọn tốn trực tiếp thông qua hệ thống mà không cần phải trả tiền sau - Cải tiến hiệu suất ứng dụng liệu lớn - Cải thiện giao diện đồng thời áp dụng jQuery UI có sẵn vào trang web để tạo hiệu ứng đẹp mắt thân thiện cho trải nghiệm người dùng - Thêm tính để lại phản hồi khách hàng cho cửa hàng 95 an Tìm hiểu áp dụng công nghệ Mern để xây dựng demo website bán hàng thời trang TÀI LIỆU THAM KHẢO [1] https://stackoverflow.com [2] https://reactjs.org/ [3] https://www.mongodb.com/ [4] https://mongoosejs.com/ [5] Khóa học MERN STACK: https://www.youtube.com/playlist?list=PLillGF-RfqbbiTGgA77tGO426V3hRF9iE [6] Khóa học lập trình ReactJS: https://www.youtube.com/playlist?list=PLJ5qtRQovuEOoKffoCBzTfvzMTTORnoyp [7] https://viblo.asia/p/tim-hieu-ve-mongodb-4P856ajGlY3 [8] https://code.tutsplus.com/vi/articles/an-introduction-to-mongoose-for- mongodb-and-nodejs cms-29527 [9] https://techblog.vn/phan-1-tim-hieu-express-js-framework [10] https://topdev.vn/blog/tat-tan-tat-ve-express-js/ [11] https://topdev.vn/blog/restful-api-la-gi 96 an an ... youtube để hồn thành website an Tìm hiểu áp dụng công nghệ Mern để xây dựng demo website bán hàng thời trang 1.5 KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC - Tìm hiểu kiến thức cơng nghệ MERN STACK xây dựng ứng dụng. .. shop thời trang thời kỳ đại giới ngày 1.2 MỤC ĐÍCH CỦA ĐỀ TÀI Đề tài ? ?Tìm hiểu áp dụng công nghệ MERN STACK để xây dựng website bán hàng thời trang? ?? thuộc hướng tìm hiểu cơng nghệ để từ xây dựng. .. người sử dụng thao tác để sửa chữa thơng tin cá nhân an Tìm hiểu áp dụng công nghệ Mern để xây dựng demo website bán hàng thời trang CHƯƠNG 3: CƠ SỞ LÍ THUYẾT 3.1 CÔNG NGHỆ MERN STACK Một ứng dụng