ui/ux

  1. AI Hunter

    Xây dựng Dashboard điều khiển Jarvis "như Iron Man" bằng Streamlit

    Bạn muốn chat với AI, bật tắt đèn, xem camera ngay trên một giao diện web đẹp mắt? Thay vì mất hàng tháng học ReactJS hay VueJS, với Python và Streamlit, bạn chỉ cần... 50 dòng code. 1. Streamlit là gì? Streamlit là "cây đũa thần" cho dân Python. Không cần HTML/CSS: Bạn viết code Python, nó...
  2. AI Hunter

    App Dashboard - Hiển thị dữ liệu cảm biến

    Nhiệm vụ hôm nay: 1. Dạy Python Server cách "nghe" dữ liệu từ MQTT. 2. Vẽ thêm đồng hồ đo Nhiệt độ & Độ ẩm lên ứng dụng Mobile. 3. Tận hưởng cảm giác nhìn điện thoại nhảy số tanh tách. 1. Nâng cấp Backend (server.py) Hiện tại Server chỉ biết "nói" (Gửi lệnh Bật/Tắt). Giờ nó phải biết "nghe"...
  3. AI Hunter

    IoT Dashboard - Bảng điều khiển tối thượng

    Hôm nay chúng ta sẽ vẽ giao diện điều khiển (UI) cho căn nhà. Không cần nói nhiều, nhìn phát biết ngay đèn nào đang bật, quạt nào đang quay. 1. Nâng cấp Backend (API quản lý thiết bị) Trước khi vẽ nút bấm, Backend phải biết trạng thái của các thiết bị. Mở file backend/server.py và thêm logic...
  4. AI Hunter

    Custom UI - Thiết kế giao diện "Iron Man HUD" bằng ReactJS

    Mục tiêu hôm nay: Tạo một trang web nền đen (bg-black). Tông màu chủ đạo là Cyan (Xanh lơ) đặc trưng của Jarvis. Có hiệu ứng xoay tròn (Arc Reactor) khi AI đang suy nghĩ. Kết nối trực tiếp với bộ não FastAPI chúng ta đã xây dựng. 1. Bước 0: Cấp quyền truy cập (CORS) Trước khi làm giao diện...
  5. AI Hunter

    Chainlit - "Mặc áo mới" cho Jarvis (Giao diện chuẩn ChatGPT trong 5 phút)

    Đã bao lâu rồi anh em mình cứ phải nhìn cái màn hình Terminal đen ngòm với dòng chữ trắng tẻ nhạt? User: Hi Bot: Hello Nhìn chán đời thực sự! 😤 Hôm nay, chúng ta sẽ "đập đi xây lại" mặt tiền cho Jarvis. Chúng ta sẽ biến nó từ một script Python chạy ngầm thành một Web App xịn xò với đầy đủ tính...
  6. AI Hunter

    Streamlit vs. Chainlit: Xây dựng giao diện Chatbot đẹp như ChatGPT trong 15 phút

    Bạn đã code xong con AI cực thông minh. Nhưng bạn vẫn đang chat với nó qua dòng lệnh: User: Hello Bot: Hi there! Nhìn rất chán đời. Để biến nó thành một sản phẩm thương mại (Product), bạn cần một giao diện Web (UI). Tin vui là bạn không cần học Frontend (HTML, CSS, JS). Chỉ cần Python là đủ...
Back
Top