Neon AI Chatbot 🎉

Mô tả

Neon AI Chatbot là giao diện web nổi bật với hiệu ứng neon động, cho phép người dùng trò chuyện với AI thông qua OpenRouter API. Dự án mang đến trải nghiệm mượt mà, thiết kế bóng bẩy và dễ tuỳ biến.

Tính năng ✨

• 🔮 Giao diện neon độc đáo với các vòng sáng động nền.
• 🔑 Hỗ trợ nhập API Key tuỳ chọn (mặc định sử dụng DEFAULT_API_KEY).
• ⏳ Hiệu ứng loading khi AI đang phản hồi.
• 📱 Tương thích trên cả thiết bị di động và desktop.

Cấu trúc thư mục 📁

/               # Thư mục gốc
├── index.html  # File giao diện chính
├── style.css   # (Nếu tách riêng CSS)
└── README.md   # Tài liệu hướng dẫn này

Lưu ý: CSS đang được nhúng trong index.html. Bạn có thể tách riêng thành style.css để dễ quản lý.

Công nghệ sử dụng 💻

• HTML5, CSS3
• JavaScript (Vanilla)
• Fetch API
• OpenRouter API

Yêu cầu ✔️

• Trình duyệt hiện đại (Chrome, Firefox, Edge, Safari)
• API Key từ OpenRouter.ai (tuỳ chọn)

Cài đặt & Sử dụng 🚀

1. Clone repository

   git clone https://github.com/username/neon-ai-chatbot.git
   cd neon-ai-chatbot

2. Mở file

   • Mở index.html trên trình duyệt yêu thích của bạn.

3. Cấu hình API Key (tuỳ chọn)

   • Nhập key vào ô API Key ở giao diện, hoặc thay đổi DEFAULT_API_KEY trong <script>.

4. Bắt đầu trò chuyện

   • Nhập tin nhắn và nhấn Enter hoặc bấm nút gửi.

Tùy biến 🎨

• Thay đổi DEFAULT_API_KEY trong <script> để dùng key mặc định khác.
• Điều chỉnh màu sắc và hiệu ứng neon trong CSS.
• Mở rộng chức năng: lưu lịch sử chat, tích hợp backend...

Đóng góp 🙏

Mọi đóng góp, đề xuất hoặc báo lỗi, vui lòng mở issue hoặc gửi pull request.

Giấy phép 📄

MIT License © 2025