Chuyển tới nội dung chính

README

Dưới đây là nội dung chi tiết cho Bài 24 – Deploy Dự Án & Thuyết Trình Sản Phẩm, giúp học viên hoàn thiện dự án cuối khóa và trình bày một cách chuyên nghiệp.

Bai24_Deploy_ThuyetTrinh

Mục tiêu bài học​

  • Biết cách deploy ứng dụng React + TypeScript lên môi trường thực tế (Vercel, Netlify, GitHub Pages)
  • Hiểu quy trình đóng gói và xuất bản sản phẩm
  • Biết chuẩn bị slide và demo khi thuyết trình sản phẩm
  • Thực hành kỹ năng thuyết trình: trình bày mục tiêu, chức năng, luồng hoạt động của app
  • Nhận phản hồi để cải thiện sản phẩm

Nội dung chính​

1. Chuẩn bị project để deploy​

  • Đảm bảo project chạy ổn trên npm run build

  • Xóa các file thừa, console log, code chưa dùng

  • Thêm file README.md mô tả:

    • Tên dự án
    • Chức năng chính
    • Hướng dẫn chạy
    • Link demo (sau khi deploy)

2. Deploy lên Vercel (khuyên dùng)​

Bước 1: Push project lên GitHub​

Bước 2: Truy cập https://vercel.com → Đăng nhập bằng GitHub​

Bước 3: Import repository → Chọn framework: React​

Bước 4: Deploy (tự động)​

✅ Sau khi deploy thành công, Vercel sẽ cung cấp 1 link demo dạng: https://ten-du-an.vercel.app

3. Thuyết trình sản phẩm​

Nội dung cần trình bày:​

  • Tên và mô tả sản phẩm
  • Mục tiêu người dùng: Giải quyết vấn đề gì? Dành cho ai?
  • Chức năng chính: CRUD? Giao diện? Lọc, tìm kiếm, xác thực?
  • Demo live: Trình diễn các tính năng đã làm được
  • Công nghệ sử dụng: React, TypeScript, Router, API, Hook,...
  • Hướng phát triển tiếp theo (nếu có)

Lưu ý khi thuyết trình:​

  • Giới hạn thời gian: 3–5 phút / nhóm
  • Nói rõ ràng, chia đều phần trình bày
  • Trình chiếu bằng Slide hoặc demo trực tiếp

4. Gợi ý cấu trúc Slide​

  1. Trang 1 – Tên dự án + Tên nhóm
  2. Trang 2 – Mục tiêu, bài toán
  3. Trang 3 – Chức năng chính
  4. Trang 4 – Demo trực tiếp
  5. Trang 5 – Công nghệ & Học được gì
  6. Trang 6 – Kết luận & Định hướng phát triển

Bài tập / Thực hành​

Bài 1 – Đóng gói dự án​

  • Chạy npm run build
  • Xóa log, file chưa dùng
  • Commit lần cuối và push lên GitHub

Bài 2 – Deploy dự án​

  • Deploy lên Vercel hoặc nền tảng khác
  • Lấy link demo, chụp ảnh màn hình chứng minh đã deploy

Bài 3 – Chuẩn bị slide​

  • Tạo slide theo cấu trúc gợi ý
  • Mỗi thành viên nhóm chuẩn bị phần trình bày của mình

Bài 4 – Thuyết trình thử​

  • Mỗi nhóm demo thử trước lớp
  • Nhóm khác đưa ra nhận xét (peer feedback)

Bài 5 – Gửi báo cáo cuối khoá​

  • Gửi link GitHub + Link demo + Slide thuyết trình
  • Nộp lên Google Form/Zalo/email theo yêu cầu giảng viên