Code ReactJS Website bán hàng thương mại điện tử Nova Shop

Code ReactJS Website bán hàng thương mại điện tử Nova Shop

Code với các chức năng như lọc giá, giá thấp , giá cao,  tìm kiếm, phân trang thích hợp cho các bạn làm project web thương mại điện tử 

Trang chủ

Đăng ký

Chi tiết sản phẩm

Folder structure

FiltersViewer

FILTER_LIST

• id: number
• getLabel(filters) => string (tạo label)
• isActive: (filters) => true/false (đã chọn hay ko)
• isVisible: (filters) => true/false (hiện lên hoặc bị remove)
• isRemovable: boolean (có xóa bỏ đc ko)
• onRemove: func (khi isRemovable === true)
• onToggle: func (khi isRemovable === false)

MUlTI_TYPE_FILTER (my idea)

• id: number
• getLabel(filters) => string (tạo label)
• type: Component (Component của filter đó)
• onChange (khi filter con đó đổi trạng thái, trigger callback (props.onChange) nhận vào từ component cha)

DetailPage Click Add to Cart -> Open Mini Cart Go to Cart Page

Feature: Cart (Giỏ Hàng)

• showMiniCart: true / false
• cartItems -> item (product, quantity, id:=productId)

State derived from existing state cartItems

• cartItemsCount
• cartTotal –> createSelector()