PDF Reader - Ứng Dụng Đọc File PDF

Ứng dụng web hiện đại để đọc và xem file PDF, được xây dựng với Next.js 15.5.4, React PDF, Tailwind CSS và shadcn/ui.

✨ Tính năng

• 📄 Đọc File PDF: Tải lên và xem file PDF trực tiếp trên trình duyệt
• 🎨 Giao diện đẹp: Sử dụng shadcn/ui components với thiết kế hiện đại
• 🌓 Dark Mode: Hỗ trợ chế độ sáng/tối và tự động theo hệ thống
• 🌍 Đa ngôn ngữ: Tiếng Việt và Tiếng Anh
• 🔍 Zoom: Phóng to/thu nhỏ trang PDF
• 📥 Download: Tải xuống file PDF
• 📱 Responsive: Tương thích với mọi thiết bị
• ⚡ Performance: Tối ưu hiệu suất với Next.js 14

🚀 Cài đặt

Yêu cầu

• Node.js 18.x trở lên
• npm hoặc yarn hoặc pnpm

Các bước cài đặt

1. Clone repository hoặc tải về

git clone <repository-url>
cd read-pdf

2. Cài đặt dependencies

npm install
# hoặc
yarn install
# hoặc
pnpm install

3. Chạy development server

npm run dev
# hoặc
yarn dev
# hoặc
pnpm dev

4. Mở trình duyệt và truy cập http://localhost:3000

📦 Build cho Production

npm run build
npm start

🛠️ Công nghệ sử dụng

• Framework: Next.js 14 (App Router)
• UI Components: shadcn/ui
• Styling: Tailwind CSS
• PDF Rendering: react-pdf
• Icons: Lucide React
• Theme: next-themes
• Language: TypeScript

📖 Cách sử dụng

1. Tải file PDF lên:

   • Kéo thả file PDF vào vùng upload
   • Hoặc nhấn vào nút "Chọn File PDF" để chọn file từ máy tính

2. Xem PDF:

   • Sử dụng nút điều hướng để chuyển trang
   • Zoom in/out để xem chi tiết
   • Download file khi cần

3. Tùy chỉnh giao diện:

   • Nhấn icon mặt trời/mặt trăng để đổi theme
   • Nhấn icon ngôn ngữ để chuyển đổi Việt/Anh

📝 License

MIT License

🤝 Đóng góp

Mọi đóng góp đều được chào đón! Hãy tạo issue hoặc pull request.

📧 Liên hệ

Nếu có thắc mắc hoặc góp ý, vui lòng tạo issue trên GitHub.

---

Made with ❤️ using Next.js and React