Pokémon Mini App

1. Project Overview

• Tên ứng dụng: Pokémon Mini App
• Mục tiêu:
  • Lấy dữ liệu Pokémon từ PokéAPI.
  • Hiển thị Pokémon (ảnh và tên) trên giao diện.
  • Cho phép người dùng chọn 2 Pokémon để đấu với nhau.

---

2. Demo Video

• Link video demo:
  https://drive.google.com/file/d/1t6VZ8XQDYQGi5H9T15b3Sib064CmGQgq/view?usp=sharing

---

3. AI Usage

• Công cụ AI đã sử dụng: ChatGPT, NotebookLM
• Hỗ trợ từ AI:
  • Dùng ChatGPT để hỗ trợ gợi ý cấu trúc dự án, tạo các template cho controller và service
  • Dùng NotebookLM để đọc docs của PókeAPI và đưa ra hướng dẫn sử dụng nhanh chóng và ít sai sót
  • Dùng ChatGPT và NotebookLM để phân tích PókeAPI và đưa ra các ví dụ chạy mẫu
  • Dùng ChatGPT để tạo tổ chức cấu trúc của frontend bằng React và viết code tạo giao diện theo yêu cầu
• Chỉnh sửa/Debug (Dùng ChatGPT):
  • Kiểm tra và sửa lỗi import module, status code
  • Điều chỉnh API call cho đúng với PokéAPI
  • Tinh chỉnh React frontend hiển thị dữ liệu

---

4. Tech Stack

• Frontend: ReactJS
• Backend: FastAPI

---

5. Features

• Pokémon List: hiển thị danh sách Pokémon (giới hạn 18 pokémon)
• Battle Simulator: chọn 2 Pokémon → hiển thị winner dựa trên tổng stats