Chức năng chính:
-
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.
Công nghệ sử dụng:
-
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.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
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