> For the complete documentation index, see [llms.txt](https://maythuyle.gitbook.io/kuratedao.vietnamese/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://maythuyle.gitbook.io/kuratedao.vietnamese/api/front-end-giao-dien-nguoi-dung.md).

# Front End (Giao diện người dùng)

Để trình bày cách tạo ứng dụng Web3 trên Kurate, chúng tôi đã phát hành một ứng dụng khung để những người khác có thể phát hành phiên bản nhãn trắng của nó. Nó được xây dựng bằng React và TypeScript với sự trợ giúp của [useDapp](https://github.com/EthWorks/useDApp) trên Ethereum. Sử dụng MetaMask để chuyển sang Mạng Goerli Test Network. Sử dụng [Goerli faucet](https://faucet.goerli.mudit.blog) để nhận một số mã thông báo thử nghiệm để dùng thử ứng dụng. Có thể tìm thấy bản demo hoạt động của ứng dụng.

#### Overview of Databases - Tổng qua về cơ sở dữ liệu

![](https://3161603591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2yfsrKYweJMTJy4heYZl%2Fuploads%2FGYvE6RALR9LzpHd7UTRX%2Fimage.png?alt=media\&token=92220d6c-e78e-427a-8436-31c325c6b512)

#### Mint Database - cơ sở dữ liệu Mint

![](https://3161603591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2yfsrKYweJMTJy4heYZl%2Fuploads%2F22PC5LfPwbR0dqWN0f61%2Fimage.png?alt=media\&token=3df2fa13-1530-4875-888f-d49e87c6fc12)

#### Mint Row

![](https://3161603591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2yfsrKYweJMTJy4heYZl%2Fuploads%2F9n4aHW6dJaYwtOTSx2Vf%2Fimage.png?alt=media\&token=c53e797b-d372-4d3a-92db-9d88d92617d5)

#### About the Database - Giới thiệu về cơ sở dữ liệu

![](https://3161603591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2yfsrKYweJMTJy4heYZl%2Fuploads%2FV8I8jgSx4Kwwbdx6Oamt%2Fimage.png?alt=media\&token=4c828da5-b506-4911-b11d-3910f70421e2)

#### Include View - Bao gồm chế độ xem

![](https://3161603591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2yfsrKYweJMTJy4heYZl%2Fuploads%2FayTDKGYQnvk05BBapwdc%2Fimage.png?alt=media\&token=3ebdb0c5-03fa-4a5e-9122-48a4b9f6e024)

#### Minting -Đúc tiền

![](https://3161603591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2yfsrKYweJMTJy4heYZl%2Fuploads%2FGcBkQ8yB2O1VvrxeK8RF%2Fimage.png?alt=media\&token=3d8cec5e-21e6-49e1-b693-2186ac00fc61)

#### Exclude View - Loại trừ chế độ xem

![](https://3161603591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2yfsrKYweJMTJy4heYZl%2Fuploads%2FteJPw2Bqd3YHwvRA9LMW%2Fimage.png?alt=media\&token=2d746aa3-9513-481e-9b42-30344c88263a)

#### Curator View -chế độ xem người quản lý

![](https://3161603591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2yfsrKYweJMTJy4heYZl%2Fuploads%2Fk1ZNiU2bvm6ZoT5qKbvL%2Fimage.png?alt=media\&token=f2ed0446-7b9d-419f-87d1-ce5d5a93a325)

#### Database View - chế độ xem cơ sở dữ liệu

![](https://3161603591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2yfsrKYweJMTJy4heYZl%2Fuploads%2FmBEU6QmoIqzJa6X5sZRw%2Fimage.png?alt=media\&token=ee8d7b7f-aa39-4f9b-bdc2-5fcac7e7c6b2)

#### Logchain - Chuối đăng nhập

![](https://3161603591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2yfsrKYweJMTJy4heYZl%2Fuploads%2FXfxqGoQoBt4ymsBVW9c4%2Fimage.png?alt=media\&token=ed6adc24-7f89-45aa-8b6b-5abb2a089a0d)

#### Tải lên hàng loạt

Bạn có thể tải lên hàng loạt nội dung khi bắt đầu hợp đồng bằng Google Trang tính.

bằng cách sử dụng điểm cuối `/mintDatabase/bulk`, sau đó gửi một json của biểu mẫu

```
{
 "docs": [
   "13yW4zdun6icSTQ7mb22p21asG6wiWv0oqXpzTQBzVW8"
  ]
}
```

![](https://3161603591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2yfsrKYweJMTJy4heYZl%2Fuploads%2F0556KEbGNVPoMqdwe0zO%2Fimage.png?alt=media\&token=ebd70708-0d57-47f7-8d0c-1d80f7854b38)

#### Trang tính 1 phải có mô tả của lược đồ cơ sở dữ liệu là hàng đầu tiên. Sau đó, các hàng sau sẽ có dữ liệu.

![](https://3161603591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2yfsrKYweJMTJy4heYZl%2Fuploads%2FioNarEb3Z80LS9WjtfHw%2Fimage.png?alt=media\&token=88fe7fcd-c6b2-42f7-a54a-aeb7712238eb)

Trang tính 2 phải có các tham số cơ sở dữ liệu.

![](https://3161603591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2yfsrKYweJMTJy4heYZl%2Fuploads%2FHudyaOzsBSJNAwWgQzPg%2Fimage.png?alt=media\&token=c1d410d2-8dd2-4b99-9f81-bb850adef828)

Cơ sở dữ liệu sau đó sẽ được đúc cùng với dữ liệu đi kèm.