Tic-Tac-Toe python webapp

A final project of Artificial Intelligence in Ho Chi Minh City of University and Trade (HUIT), represent the appliance of Minimax Algorithm in Tic-Tac-Toe Game created by Group 3, using Flask (Python framework). [obv vibe-coded due to shortage of deadline]

---

✨ Tính năng nổi bật

Dự án này tập trung vào việc cung cấp một trải nghiệm chơi game linh hoạt, có thể tùy chỉnh cao và tích hợp Trí tuệ Nhân tạo (AI) mạnh mẽ.

• Đa dạng Chế độ chơi:
  • Người vs Máy (PvC).
  • Người vs Người (PvP).
  • Máy vs Máy (CvC) (Tự động chạy game giữa hai AI).
• AI Mạnh mẽ và Linh hoạt:
  • Sử dụng thuật toán Minimax với cắt tỉa Alpha-Beta để tìm nước đi tối ưu.
  • Hỗ trợ 3 cấp độ khó: Dễ (Easy), Thường (Normal - Depth 3), và Khó (Hard - Depth 5).
  • AI có thể đi nước đầu tiên khi được yêu cầu (trong chế độ PvC).
• Tùy chỉnh Ván đấu:
  • Thiết lập Kích thước bàn cờ tùy ý (tối thiểu 7x7).
  • Thiết lập Số điểm thắng (Ví dụ: 3, 4, 5,...).
• Giao diện Người dùng Hiện đại (UI/UX):
  • Hỗ trợ Chế độ tối (Dark Mode) và Lưu cài đặt giao diện bằng Local Storage.
  • Nhiều chủ đề màu sắc cho bàn cờ (Mặc định, Màu Gỗ, Mát mẻ, Màu Tối).

💻 Công nghệ sử dụng

• Backend: Python, Flask.
• Frontend: HTML5, CSS3, JavaScript (ES6+).
• Thư viện: Bootstrap 5.
• Quản lý trạng thái: Flask Session.

📁 Cấu trúc Project

/caro-game-project
├── app.py              
├── game_logic.py       
├── templates/
│   └── index.html      
└── static/
    ├── css/
    │   └── style.css   
    ├── js/
    │   └── script.js   
    └── images/
        └── ...         

🚀 Cài đặt và Chạy ứng dụng

Để chạy ứng dụng trên máy cục bộ, bạn cần cài đặt Python 3 và Flask.

1. Cài đặt Flask:

   pip install Flask

2. Khởi chạy Ứng dụng:

   Chạy file app.py trong terminal:

   python app.py

3. Truy cập Game:

   Mở trình duyệt web của bạn và truy cập vào địa chỉ:

COMING SOON

4. Hình ảnh trong web:

Trang chủ(giao diện sáng):

Trang chủ (giao diện tối):

Các giao diện bàn cờ:

Mặc định:

Màu gỗ:

Xanh nhạt (mát mẻ):

Màu tối (dark mode):

🕹️ Hướng dẫn sử dụng

1. Thiết lập Ván đấu: Trên giao diện chính, chọn các tùy chọn mong muốn:
   • Chế độ chơi (Người vs Máy, Người vs Người, Máy vs Máy).
   • Kích thước bàn cờ.
   • Số điểm thắng.
   • Độ khó (nếu có AI tham gia).
2. Bắt đầu: Nhấn nút "Bắt đầu ván đấu mới".
3. Chơi Game:
   • Ở chế độ PvC/PvP, nhấp vào ô trống để đi nước cờ.
   • Ở chế độ CvC, game sẽ tự động thực hiện các nước đi giữa hai AI.