Quay lại danh sách dự án

Project preview

VietTravel - Khám Phá Vẽ Đẹp Việt Nam Cùng Bạn

AI

Reactjs

Node.js

Công nghệ sử dụng:

Reactjs

Node.js

Mô tả dự án

VietTravel AI - Nền tảng du lịch thông minh

Dự án website du lịch hiện đại tích hợp AI (Gemini) để lập kế hoạch lịch trình, sử dụng Next.js 16, Supabase SSR và cổng thanh toán VNPay.

🏗 Kiến trúc hệ thống & Tối ưu hóa

Dự án đã được tối ưu hóa để đảm bảo tính ổn định cao nhất:

Centralized Auth: Toàn bộ các mutation (Logout, Profile Update, Booking) được xử lý qua Server Actions để tránh xung đột Cookie và Race Condition.
Atomic Booking: Quy trình đặt chỗ và tạo link thanh toán VNPay được hợp nhất trong một giao dịch duy nhất tại Server.
Lazy Auth Middleware: Middleware chỉ kiểm tra xác thực ở các route cần thiết (Admin/Private) để tăng tốc độ tải trang Public.

🛠 Công nghệ sử dụng

Frontend: Next.js 16 (App Router), Tailwind CSS v4, Framer Motion.
Backend: Supabase SSR (@supabase/ssr), Postgresql.
AI: Google Gemini Pro API.
Payment: VNPay SDK integration.

Demo Video

⚠️ Lưu ý quan trọng: Hiện tại có rất nhiều bên giả mạo và đánh cắp video của phía bên mình, nên trong mỗi demo mình có gắn watermark. Nếu các bạn muốn xem chi tiết hơn Full HD không che, vui lòng mình nhé! .

Dự án liên quan

VietTour – Hệ Thống Quản Lý Tour Du Lịch | Báo Cáo

VietTour – Hệ Thống Quản Lý Tour Du Lịch | Báo Cáo

Hệ thống quản lý tour du lịch Việt Nam hoàn chỉnh: từ đặt tour, thanh toán đa phương thức, đánh giá, đến chatbot AI và dashboard quản trị phân tích doanh thu. Tính năng nổi bật Dành cho Khách hàng [object Object] [object Object] [object Object] [object Object] [object Object] [object Object] [object Object] [object Object] Dành cho Quản trị viên (Admin) [object Object] [object Object] [object Object] [object Object] [object Object] [object Object] [object Object] [object Object]

Stock Korean App

Stock Korean App

KRX Stock Analysis Nền tảng phân tích thị trường chứng khoán Hàn Quốc ứng dụng AI — dữ liệu KRX thời gian thực, biểu đồ kỹ thuật nâng cao và thông tin đầu tư được hỗ trợ bởi AI, triển khai trên di động (Flutter) và quản lý qua bảng điều hành web (React).

Hệ thống trợ lý ảo AI hỗ trợ truy vấn cơ sở dữ liệu và trực quan hóa

Hệ thống trợ lý ảo AI hỗ trợ truy vấn cơ sở dữ liệu và trực quan hóa

Nghiên cứu và xây dựng hệ thống trợ lý ảo AI hỗ trợ truy vấn cơ sở dữ liệu và trực quan hóa 🧩 Bài Toán (Problem Statement) Trong nhiều doanh nghiệp, việc trích xuất và phân tích dữ liệu từ hệ thống cơ sở dữ liệu (ví dụ: PostgreSQL) để phục vụ báo cáo yêu cầu nhân sự phải có kiến thức SQL hoặc tốn nhiều thời gian tổng hợp thủ công. Quy trình thủ công này dễ xảy ra sai sót và làm chậm quá trình ra quyết định, đặc biệt trong môi trường kinh doanh có tốc độ thay đổi nhanh. 💡 Giải Pháp (Solution) AI Query Assistant là một giải pháp tự động hóa toàn diện cho phép người dùng không chuyên kỹ thuật có thể tương tác với cơ sở dữ liệu bằng ngôn ngữ tự nhiên (hỗ trợ cả tiếng Việt và tiếng Anh). Hệ thống tự động: [object Object] [object Object] [object Object] [object Object]

Book Seller AI - Hệ Thống Bán Sách Thông Minh

Book Seller AI - Hệ Thống Bán Sách Thông Minh

Hệ thống bán sách trực tuyến tích hợp AI với khả năng tìm kiếm thông minh, chatbot tư vấn và gợi ý sách cá nhân hóa. 🌟 Tính Năng Chính 🤖 Tính Năng AI 1. Chatbot Tư Vấn Sách Thông Minh [object Object] [object Object] [object Object] [object Object] [object Object] [object Object] [object Object] [object Object] 2. Gợi Ý Sách Thông Minh (AI Recommendations) [object Object] [object Object] [object Object] [object Object] [object Object] 3. Tìm Kiếm Nâng Cao (Enhanced Search) [object Object] [object Object] [object Object] [object Object] [object Object] 📖 Quản Lý Sách Tính Năng CRUD Đầy Đủ [object Object] [object Object] [object Object] [object Object] Thông Tin Sách [object Object] [object Object] [object Object] [object Object] [object Object] [object Object] [object Object] [object Object] [object Object] 🛒 Quản Lý Đơn Hàng Đặt Hàng [object Object] [object Object] [object Object] [object Object] [object Object] Theo Dõi Đơn Hàng [object Object] [object Object] [object Object] [object Object] Quản Lý Đơn Hàng (Admin) [object Object] [object Object] [object Object] 👥 Quản Lý Người Dùng Xác Thực & Phân Quyền [object Object] [object Object] [object Object] [object Object] [object Object] Quản Lý Hồ Sơ [object Object] [object Object] [object Object] [object Object] Quản Lý User (Admin) [object Object] [object Object] [object Object] 📊 Thống Kê & Báo Cáo (Admin) Dashboard [object Object] [object Object] Biểu Đồ Doanh Thu [object Object] [object Object] Top Sản Phẩm [object Object] [object Object] 🎨 Quản Lý Nội Dung Banner & Slider [object Object] [object Object] [object Object] [object Object] 📂 Quản Lý Danh Mục Xuất Xứ (Origin) [object Object] [object Object] [object Object] Thể Loại (Genres) [object Object] [object Object] [object Object] [object Object] [object Object] [object Object] [object Object] [object Object] [object Object] 🎫 Hỗ Trợ Khách Hàng Yêu Cầu Hỗ Trợ [object Object] [object Object] [object Object] [object Object] Quản Lý Hỗ Trợ (Admin) [object Object] [object Object] [object Object] [object Object] [object Object] 📤 Upload & Xử Lý File Upload Ảnh [object Object] [object Object] [object Object] [object Object] [object Object] [object Object]

JavascriptReactjs

Hệ thống Dự báo Xâm nhập mặn TP.HCM

Hệ thống Dự báo Xâm nhập mặn TP.HCM

Ứng dụng web dự báo và cảnh báo xâm nhập mặn cho nông nghiệp tại TP.HCM, sử dụng AI/Machine Learning. Biến đổi khí hậu và nước biển dâng đang là một trong những thách thức lớn nhất đối với Việt Nam, đặc biệt là tại khu vực Đồng bằng sông Cửu Long và Thành phố Hồ Chí Minh. Tình trạng xâm nhập mặn ngày càng diễn biến phức tạp, khó lường, gây ảnh hưởng nghiêm trọng đến nguồn nước sinh hoạt và đặc biệt là hoạt động sản xuất nông nghiệp. Tại TP.HCM, hệ thống sông ngòi chằng chịt (Sông Sài Gòn, Sông Đồng Nai, Sông Nhà Bè...) chịu ảnh hưởng mạnh của chế độ bán nhật triều từ Biển Đông, khiến mặn xâm nhập sâu vào nội đồng, đặc biệt là trong các tháng mùa khô. Theo các số liệu quan trắc lịch sử từ năm 1995 đến 2022, độ mặn tại các trạm như Nhà Bè, Cát Lái hay Lý Nhân thường xuyên vượt ngưỡng an toàn trong nông nghiệp. Theo tiêu chuẩn của FAO, khi độ mặn vượt quá 4.0 g/l, nước được xem là ở mức "Nguy hiểm" và phải ngừng lấy nước tưới tiêu hoàn toàn để tránh gây chết cây trồng. Tuy nhiên, các phương pháp theo dõi truyền thống thường chỉ dừng lại ở việc quan trắc số liệu tại thời điểm hiện tại hoặc dự báo thủ công ngắn hạn, chưa cung cấp đủ thông tin để người nông dân và các nhà quản lý có kế hoạch chủ động tích trữ nước ngọt hoặc điều chỉnh lịch thời vụ. Trong bối cảnh cuộc Cách mạng công nghiệp 4.0, việc ứng dụng Trí tuệ nhân tạo (AI) và Học máy (Machine Learning) vào dự báo môi trường đang trở thành xu hướng tất yếu. Với lượng dữ liệu lịch sử lớn (hơn 60.000 bản ghi về độ mặn, cùng dữ liệu mực nước và lượng mưa), việc áp dụng các mô hình học máy hiện đại như Facebook Prophet cho phép phân tích các yếu tố mùa vụ, xu hướng dài hạn và phát hiện các bất thường với độ chính xác cao hơn

LegalMind-AI - Trợ Lý Pháp Lý Thông Minh

LegalMind-AI - Trợ Lý Pháp Lý Thông Minh

LegalMind-AI - Trợ Lý Pháp Lý Thông Minh Hệ thống trợ lý pháp lý ảo sử dụng AI và đồ thị tri thức để tra cứu, phân tích và giải thích các quy định pháp luật Việt Nam một cách thông minh và trực quan. LegalMind-AI là một nền tảng công nghệ pháp lý (Legal Tech) toàn diện, kết hợp giữa xử lý ngôn ngữ tự nhiên (NLP), đồ thị tri thức (Knowledge Graph) và giao diện người dùng hiện đại để cung cấp dịch vụ tư vấn pháp luật tự động. ✨ Tính Năng Chính 1. 🤖 Trợ Lý Ảo Thông Minh [object Object] [object Object] [object Object] [object Object] 2. 📚 Tra Cứu Văn Bản Pháp Luật [object Object] [object Object] [object Object] [object Object] 3. 🕸️ Đồ Thị Tri Thức Pháp Lý [object Object] [object Object] [object Object] [object Object] 4. 📖 Pháp Điển Việt Nam [object Object] [object Object] [object Object] [object Object] 5. 👥 Quản Lý Người Dùng [object Object] [object Object] [object Object] [object Object] 6. 📱 Ứng Dụng Di Động [object Object] [object Object] [object Object] [object Object]

Uy Tín & Chất Lượng

Minh chứng cho chất lượng dịch vụ của chúng tôi

Các dự án khác

App Mua Bán Trao Đổi Đồ Cũ | Báo Cáo

App Mua Bán Trao Đổi Đồ Cũ | Báo Cáo

Sách Hay Bookstore ReactJS JavaSprinboot

Sách Hay Bookstore ReactJS JavaSprinboot

Website Quản Lí Thư Viên | Báo Cáo

Website Quản Lí Thư Viên | Báo Cáo

DrinkHub / App Bán Nước | Báo Cáo + PPT

DrinkHub / App Bán Nước | Báo Cáo + PPT

Website Dịch Vụ Hoa Cây Cảnh AI

Website Dịch Vụ Hoa Cây Cảnh AI

Chợ Tốt - Chợ Đồ Cũ

Chợ Tốt - Chợ Đồ Cũ

Ứng Dụng Quản Lý Bệnh Viện

Ứng Dụng Quản Lý Bệnh Viện

Website Xem Phim - Đặt Vé Online

Website Xem Phim - Đặt Vé Online

Website Quản Lí Bán Hàng Tai Nghe SamSung

Website Quản Lí Bán Hàng Tai Nghe SamSung

Bookstore - Cửa Hàng Bán Sách Online

Bookstore - Cửa Hàng Bán Sách Online