ĐẶC TẢ CHỨC NĂNG

Website cửa hàng thủy sinh:

1. Công nghệ sử dụng

HTML5, CSS3, JavaScript

MERN Stack (MongoDB, ExpressJs, ReactJs, NodeJs)

2. Đặc tả chức năng

- Web for user
 Trang Homepage
o Header, Footer
o Hiển thị danh sách sản phẩm (bao gồm tên sản phẩm, hình ành,
lượt đánh giá, giá sản phẩm)
o Chức năng Đăng nhập / Đăng ký
o Chức năng Tìm kiếm sản phẩm
o Chức năng Xem giỏ hàng
 Trang Đăng nhập
o Header
o Nhập email, mật khẩu đăng nhập
o Nút tạo tài khoản mới
 Trang Đăng ký
o Header
o Tên tài khoản
o Email
o Mật khẩu
o Nút đăng nhập khi đã có tài khoản
 Trang Giỏ hàng
o Header
 o Hiển thị số lượng sản phẩm đã thêm vào giỏ
o Hiển thị từng sản phẩm (Hình ảnh, số lượng, giá tiền, tên sản
phẩm)
o Tổng tiền
o Nút Thanh toán
o Nút Tiếp tục mua sắm
 Xem từng sản phẩm
o Header
o Hiển thị hình ảnh, tên sản phẩm, mô tả sản phẩm, giá cả, còn
hàng hay không, đánh giá khảch hàng
o Thêm sản phẩm vào giỏ hàng
o Viết đánh giá cho sản phẩm
o Hiển thị các đánh giá của khách hàng
 Trang cá nhân
o Header
o Cài đặt trang cá nhân (Cập nhật thông tin, thay đổi password)
o Danh sách đơn hàng đã đặt (bao gồm ID, trạng thái, ngày đặt
hàng, tổng tiền đơn hàng)
 Trang Cập nhật địa chỉ giao hàng
o Header
o Nhập số nhà, thành phố, mã bưu điện, tên quốc gia
 Trang Phương thức thanh toán
o Header
o Chọn phương thức thanh toán
 Trang đặt hàng
o Header
o Thông tin khách hàng (bao gồm username và email)
 o Thông tin đơn hàng (tên quốc gia, phương thức thanh toán)
o Địa chỉ nhận hàng
o Danh sách sản phẩm đã đặt (bao gồm hình ảnh sản phẩm, tên sản
phẩm, số lượng đặt, thành tiền)
o Tổng tiền phải thanh toán (bao gồm tổng tiền sản phẩm, phí ship,
thuế, tổng tiền phải trả)
o Nút đặt hàng
 Trang xem chi tiết đơn hàng
o Header
o Thông tin khách hàng (bao gồm username và email)
o Thông tin đơn hàng (tên quốc gia, phương thức thanh toán, trạng
thái thanh toán)
o Địa chỉ nhận hàng và trạng thái đơn hàng
o Danh sách sản phẩm đã đặt (bao gồm hình ảnh sản phẩm, tên sản
phẩm, số lượng đặt, thành tiền)
o Tổng tiền phải thanh toán (bao gồm tổng tiền sản phẩm, phí ship,
thuế, tổng tiền phải trả)
o Chức năng thanh toán bằng PayPal và Debit or Credit Card
 Tải trang bị lỗi
o Header
o Hiển thị cho người dùng biết trang không tồn tại
o Quay về trang chủ
- Web for admin
 Trang đăng nhập
o Nhập email, mật khẩu đăng nhập
o Kiểm tra tài khoản là Admin hay User
 Trang chủ
 o Sidebar
o Header
o Total Statistic (tổng doanh thu, tổng đơn hàng, Tổng số sản
phẩm)
o Sale statistics
o Products statistics
o Latest
 Trang sản phẩm
o Sidebar
o Header
o Nút Tạo sản phẩm
o Xem danh sách sản phẩm
o Tìm kiếm sản phẩm
o Chỉnh sửa thông tin sản phẩm
o Xóa sản phẩm
o Pagination
 Trang Thêm sản phẩm
o Sidebar
o Header
o Form thêm sản phẩm (tên sản phẩm, giá cả, số lượng, mô tả, hình
ảnh sản phẩm)
o Nút Thêm sản phẩm
o Nút trở về trang sản phẩm
 Trang Chỉnh sửa sản phẩm
o Sidebar
o Header
 o Form chỉnh sửa sản phẩm (tên sản phẩm, giá cả, số lượng, mô tả,
hình ảnh sản phẩm)
o Nút Sửa sản phẩm
o Nút trở về trang sản phẩm
 Trang Danh sách đơn hàng
o Sidebar
o Header
o Hiển thị danh sách đơn hàng (tên sản phẩm, Email khách mua
hàng tổng tiền, trạng thái thanh toán, ngày mua hàng, trạng thái
vận chuyển, Action)
o Xem chi tiết đơn hàng
o Tìm kiếm đơn hàng
o Pagination
 Trang Xem chi tiết đơn hàng
o Sidebar
o Header
o Ngày lập đơn hàng
o ID đơn hàng
o Khách đặt hàng (Tên khách hàng, email)
o Thông in order (tên quốc gia, phương thức thanh toán)
o Địa chỉ nhận hàng
o Danh sách sản phẩm mua (hình ảnh, tên sản phẩm, đơn giá, số
lượng mua, thành tiền)
o Hiển thị số tiền cần thanh toán (tổng tiền sản phẩm, phí ship,
tổng tiền phải trả, trạng thái thanh toán)
o Xác nhận đơn hàng đã được giao thành công
 Trang User
 o Sidebar
o Header
o Danh sách các tài khoản đã đăng ký (tên tài khoản, role, email)
o Tìm kiếm user
o Pagination
 Tải trang bị lỗi
o Hiển thị cho người dùng biết trang không tồn tại
o Quay về trang chủ
- Server
 Set up server, connect MongoDB
 Create Models, Routes, insert data
 API for Products
 API for Login
 API for Register
 API for User profile
 API for Update user profile
 API for Review
 API for Get all user
 API for Payment
 API for Order (User)
 API for Get all product
 API for Order (Admin)
 Integrate Paypal
 Show User Order
 API for Delete product
 API for Create, Edit product
 API for Order detail
 API for Deliver
 Pagination & Search (Admin & User)
 Handle Statistic and Dashboard