Giới thiệuh3

Ứng dụng đọc truyện full-stack School Projects, hỗ trợ phân quyền, crud cơ bản và tương tác xã hội. Giao diện lấy cảm hứng từ docln.net và Wattpad

Tính năngh3

Xác thực & Người dùng:

• Đăng ký đăng nhập với JWT authentication
• Phân quyền: Admin, Author, Reader
• Quản lý profile và theo dõi tác giả

Quản lý truyện:

• Tạo, chỉnh sửa, xóa truyện
• Gắn tags và phân loại theo thể loại
• Publish/Unpublish chapters

Đọc truyện:

• Giao diện responsive
• Lưu vị trí đọc tự động (Continue Reading)

Tương tác xã hội:

• Comment và reply theo thread
• Review và đánh giá truyện (1-5 sao)

Tìm kiếm & Khám phá:

• Tìm kiếm theo tiêu đề, mô tả, tags
• Lọc theo thể loại, độ dài, thời gian cập nhật

Screenshotsh3

Công nghệ sử dụngh3

Frontend

• React 19.2.0
• React Router 7.9.4
• Tailwind CSS 4
• Axios

Backend

• Node.js 18+ với Express 4.18
• MySQL
• JWT Authentication
• Swagger UI (API Documentation)

DevOps

• Docker & Docker Compose
• Hot-reload cho development
• Seed data

Khởi chạyh3

# Clone và chạy với Docker
docker-compose up -d --build

# Seed dữ liệu mẫu
docker exec webtoon-backend node database/seed.js

Services:

• Frontend: http://localhost:3000
• Backend API: http://localhost:4000
• API Docs: http://localhost:4000/docs