thiendangit / mtstorereactjs Goto Github PK

https://www.tabnine.com/code/javascript/modules/oauth-1.0a

• Nếu hình ảnh không có thì dùng ảnh này hiện lên : https://trip5.vn/images/no_image.png

• category ỏ product detail page nên hiển thị nhìu hon 1

• Viết hàm xử lý giá khuyến mãi và giá mặc định

• Tính năng chọn màu sắc & size & height (nếu có)

• Kích thước của ảnh chưa đẹp

• - Typescript là gì ?
• - Cách khai báo (interface & type) ( viết 4 ví dụ )
• - Cái type trong typescript (string, number, boolean, any, ...) (liệt kê tất cả)
• - Tìm hiểu cách viết function với typescript
• tính tổng 2 số và trả về number
• tìm tất cả số lẻ trong mảng [102,103,111,211,222,555,542,112] và trả về mảng kết quả kiểu number
• - Tìm hiểu cách khai báo component với typescript ( chụp hình 1 component )

• Build the Checkout Page
• Check the info
• Form in info customer

Research :

• #3
• #4

• [1] : clone source này về : https://github.com/vannizhang/react-redux-boilerplate
• [2] : start đc và cài thêm thư viện material-ui
• [3] : đâỷ lên github :
  • git init
  • git add README.md
  • git commit -m "first commit"
  • git branch -M main
  • git remote add origin https://github.com/thiendangit/MTStore.git
  • git push -u origin main

• Our customers says:

• Read our Blog posts:

• Go to folder logic => products.ts => create Function getProductsByCategories(categories_id : number){}

• Using api wp-json/wc/v3/products and have params is "category"

• category is id of id of element of categories list, see below :

• response is always 10 elements, but i just want to show 8 elements.

• Using Tailwind & Material UI to build the UI
• Link Figma : https://www.figma.com/file/QZVsmR5bw6sB14eIRiQ0Jk/eCommerce-Template-Figma?node-id=57%3A125

• url :

   ${url}/wp-json/api/flutter_user/generate_auth_cookie

• method : 'POST'

• body 💯

   const cookieLifeTime = 120960000000;
   JSON.stringify({
        second: cookieLifeTime,
        username,
        password,
    })

• Document:

1. https://github.com/axios/axios
2. https://woocommerce.github.io/woocommerce-rest-api-docs/#list-all-product-categories

• Tương tự design này :

1. 🚀 List tối đa 8 sản phẩm!
2. 🚶Nếu length của list = 0 thì không hiển thị gì cả.
3. 💯 List có thể scroll ngang.

• - Create new file categories.ts in logic folder!
• - Create function getCategories (Method get) with axios
• - Api link :https://woocommerce.github.io/woocommerce-rest-api-docs/#list-all-product-categories
• - Using categories for this feature and categories list

• Build UI Product Detail
• Pass parameter in URL
• Add React- Router

1. create cartSlice in store:

• add and decrease one Product to cart.
• calculate price and quantity all products in cart.
• select product to calculate regular price.
• clear all products in cart.

2. build Cart Detail Page:

• Cart Empty.
• Detail Product Information in cart to check out.
• insert Link with "to="/"" of React-Router in start and continue shopping.

• Thay header này bằng cái ỏ dưới! nền xanh có animation càng tốt

• Tags
• Api : /products/tags

• Posts

• Go to src/utils create file clientRequestNormal.ts and try to configure axios for call this api like src/utils/clientRequest.ts.

• Document : https://www.tutorialspoint.com/reactjs-axios-interceptors

• Api : https://techcrunch.com/wp-json/wp/v2/posts?per_page=10&context=embed (Method GET)