Số Cuối Cùng — Game Đoán Số Flask
Trò chơi đoán số thần kinh với giao diện retro-futuristic. Xây dựng bằng Python Flask (backend) và HTML/CSS/JS (frontend). Sau đó tối ưu thành single-file HTML thuần JavaScript với giao diện Cyberpunk.
Cài đặt Python & Extensions VS Code
Mở VS Code Marketplace, tìm kiếm và cài đặt các extension Python cần thiết: Python, Python Debugger, Python Env, Python Indent, Python for VS...
Xây dựng cấu trúc dự án
Tạo thư mục dự án MY_GAME với cấu trúc: templates/index.html, venv/, app.py, README.md, requirements.txt
Cấu hình requirements.txt
Ghi thư viện cần thiết vào file requirements.txt: flask>=2.3.0
Tạo môi trường ảo & cài đặt thư viện
Chạy lệnh: python -m venv venv để tạo môi trường ảo, sau đó pip install -r requirements.txt
Cài đặt Flask và các dependencies
Quá trình pip install tải về Flask, Jinja2, Werkzeug, click, colorama, blinker, markupsafe và các thư viện cần thiết khác
Viết backend app.py
Code Flask API với các route: GET / (render index.html), POST /api/new_game (tạo game mới), POST /api/guess (xử lý lượt đoán). Sử dụng session để lưu trạng thái
Viết README.md hướng dẫn
Ghi tài liệu dự án với cấu trúc thư mục, hướng dẫn cài đặt từng bước và cách chạy server
Hoàn thiện frontend index.html
Viết hàm showResult() xử lý kết quả từ API: hiển thị CHIẾN THẮNG (trophy) hoặc THẤT BẠI (skull), cập nhật UI động
// Click vào ảnh để phóng to xem chi tiết //
第二個作業 — Responsive Design (HTML/JS Only)
Tối ưu Flask project thành single HTML file. Giao diện Cyberpunk hoạt động hoàn toàn trên trình duyệt, có thể cài như PWA trên điện thoại.
今天在資訊科技課程中的學習收穫，對我來說意義非凡。我們不僅僅是在學習如何編寫邏輯，更是在探索如何將枯燥的後端代碼轉化為真正能在手機上運行的應用程式。
🎮 最讓我感到興奮的 是將原有的 Flask 專案整合為單一 HTML 文件的過程。原本需要伺服器運行的 Python 邏輯，透過 JavaScript 重新封裝後，竟然能在瀏覽器上完美呈現那種 Cyberpunk 的視覺風格。看著自己親手設計的數字猜測遊戲，從終端機的小視窗變成了一個擁有酷炫動畫和多語言介面的網頁 App，這種成就感是難以言喻的.
🌏 身為一名留學生, 在異地學習技術雖然充滿挑戰，但每當解決一個 Bug，或是成功優化一個功能時，我都覺得離自己的夢想更近了一步。今天的課程讓我明白，優秀的產品不僅要有強大的邏輯（如 YOLOv8 或 OpenCV 的處理能力），更要有良好的使用者體驗.
🚀 未來，我希望能在這個基礎上, 加入更多 3D 模型或更複雜的 AI 互動功能。這不僅是一次作業的完成，更是我作為開發者成長的見證.