This project is assigned to @maiminhdung, please do not modify/update this repository without the repository owner permission!

---

NekoComics - Nền tảng đọc truyện trực tuyến cho độc giả Việt Nam

Giới thiệu đề tài

Đề tài xây dựng một website đọc truyện trực tuyến, hướng đến ba nhóm người dùng chính: độc giả, tác giả và người dịch/nhóm dịch. Website cung cấp không gian để khám phá, theo dõi và đọc truyện; đồng thời hỗ trợ cộng đồng trao đổi, tương tác và quản lý nội dung theo vai trò.

Mục tiêu của dự án là tạo ra trải nghiệm đọc truyện hiện đại, trực quan và nhất quán trên trình duyệt, giúp người dùng dễ dàng tiếp cận nội dung yêu thích cũng như tham gia vào cộng đồng truyện tranh.

Lý do thực hiện

Nhiều website đọc truyện hiện nay tập trung chủ yếu vào chức năng hiển thị nội dung, trong khi các nhu cầu như tương tác cộng đồng, cá nhân hóa trải nghiệm và hỗ trợ người sáng tạo chưa được kết nối liền mạch.

Vì vậy, website được thiết kế với các nhóm chức năng mở rộng như:

• Cộng đồng và diễn đàn để người dùng thảo luận, bình luận và chia sẻ sở thích.
• Theo dõi truyện, lịch sử đọc và thông báo để độc giả không bỏ lỡ nội dung mới.
• Trang cá nhân và cài đặt giao diện, giúp mỗi người dùng tùy chỉnh trải nghiệm đọc.
• Không gian dành cho tác giả, người dịch và nhóm dịch để quản lý, giới thiệu và phát triển nội dung.

Các chức năng này giúp website không chỉ là nơi đọc truyện mà còn là một nền tảng kết nối giữa người đọc và người sáng tạo.

Giá trị và tối ưu cho từng nhóm người dùng

Độc giả

• Tìm kiếm, khám phá truyện theo thể loại, trạng thái và nội dung cập nhật.
• Theo dõi truyện, lưu lịch sử đọc và tiếp tục đọc nhanh.
• Giao diện đọc trực quan, hỗ trợ chuyển trang và tùy chỉnh giao diện.
• Tham gia bình luận, diễn đàn và các hoạt động cộng đồng.

Tác giả

• Có không gian giới thiệu tác phẩm và xây dựng hồ sơ cá nhân.
• Dễ tiếp cận phản hồi của cộng đồng thông qua bình luận và tương tác.
• Hỗ trợ quản lý nội dung truyện theo cấu trúc tác phẩm, chương và thông tin liên quan.

Người dịch và nhóm dịch

• Hỗ trợ giới thiệu nhóm dịch, danh sách truyện và bài viết của nhóm.
• Cung cấp các màn hình quản lý nội dung phục vụ quy trình biên tập, đăng tải và theo dõi chương truyện.
• Tạo điều kiện kết nối với độc giả, nhận phản hồi và phát triển cộng đồng riêng.

Phiên bản preview

Dự án hiện hoạt động ở chế độ frontend preview. Dữ liệu được mô phỏng ngay trong trình duyệt để có thể xem giao diện và các luồng tương tác mà không cần chạy backend, proxy hay cơ sở dữ liệu.

Công nghệ sử dụng

• Vue 3 và Vite
• Vue Router và Pinia
• Tailwind CSS
• Dữ liệu mô phỏng cục bộ cho bản preview

Cách chạy dự án

Yêu cầu

• Node.js 20 trở lên
• npm

Cài đặt và chạy môi trường phát triển

npm install
npm run dev

Sau khi chạy lệnh, mở trình duyệt tại địa chỉ được Vite hiển thị, mặc định là:

http://localhost:3667

Build bản preview tĩnh

npm run build

Thư mục kết quả là dist/. Có thể dùng thư mục này để nộp hoặc triển khai lên một static host.

Xem thử bản build

npm run preview

Lưu ý: Bản preview không yêu cầu backend. Mọi dữ liệu hiển thị và thao tác mẫu đều chạy cục bộ trên trình duyệt.