(Nextjs+ TypeScript + Tailwind + DNDKit) Sharecode Trello kéo thả

(1 Đánh giá)

0 937

Danh mục

Thể loại

Ngày đăng

30-4-2024

Loại file

Full code

File download

trello-official-web-master.zip [248 KB]

Gửi thông báo lỗi Báo vi phạm bản quyền

Gửi ngay

CAM KẾT TỪ NGƯỜI BÁN

Thông tin code đúng như mô tả

Hỗ trợ người mua sau khi tải code qua Ultraview

(Hạng vàng)
Xem trang

Source code
7

Đánh giá (12)
5/5

Ngày tham gia
17/2/2024

Dark Mode:
- Trang web hỗ trợ chế độ giao diện tối (dark mode) cho trải nghiệm người dùng linh hoạt hơn.
- Người dùng có thể chuyển đổi giữa chế độ sáng và chế độ tối dễ dàng.
Chuyển đổi Ngôn ngữ:
- Trang web cho phép người dùng chuyển đổi giữa các ngôn ngữ khác nhau để đáp ứng nhu cầu đa ngôn ngữ của người dùng.
- Có thể tích hợp các thư viện hoặc dịch vụ như i18n để quản lý văn bản đa ngôn ngữ.
Kéo và Thả Cards và Columns:
- Sử dụng thư viện DNDKit để tạo ra trải nghiệm kéo và thả mượt mà cho người dùng.
- Người dùng có thể di chuyển thẻ (cards) giữa các cột (columns) một cách dễ dàng bằng cách kéo và thả.
Đăng nhập bằng Google bằng NextAuth:
- Sử dụng NextAuth để quản lý quá trình xác thực và đăng nhập của người dùng.
- Cho phép người dùng đăng nhập vào trang web bằng tài khoản Google một cách tiện lợi và an toàn.

Next.js: Sử dụng Next.js làm framework phát triển web để tạo ra ứng dụng web React mạnh mẽ và hiệu quả.
Tailwind CSS: Sử dụng Tailwind CSS để thiết kế giao diện người dùng một cách linh hoạt và nhanh chóng.
DNDKit: Sử dụng DNDKit để tạo ra trải nghiệm kéo và thả mượt mà cho việc di chuyển thẻ và cột trên trang web.
NextAuth: Sử dụng NextAuth để quản lý xác thực người dùng và đăng nhập bằng tài khoản Google.

HÌNH ẢNH DEMO

HƯỚNG DẪN CÀI ĐẶT

B1: Tải về và giải nén file

B2: Mở terminal của thư mục chứa dự án để chạy các câu lệnh quen thuộc:

- npm install hoặc npm i để cài các thư viện trong dự án

- npm run dev để chạy dự án

Nguồn: Topcode.vn