Chào mừng đến với hệ thống quản lý và giới thiệu dự án của CHEVE-Team thuộc học phần Quản lý Dự án Phần mềm. Website này được thiết kế nhằm mục đích trình bày đầy đủ các thông tin nội bộ của nhóm, hồ sơ các thành viên, hợp đồng làm việc, biên bản các cuộc họp và quá trình thực hiện đồ án (WBS, SOW, Timeline).
| Thành viên | MSSV | Vai trò | Trách nhiệm chính |
|---|---|---|---|
| Tạ Duy Phúc | 22521140 |
Trưởng nhóm | Điều phối dự án, quản lý phạm vi và tiến độ tuần. |
| Huỳnh Bảo Hân | 24520446 |
Thư ký | Tổng hợp biên bản họp, quản lý tài liệu và hỗ trợ truyền thông nội bộ. |
| Phạm Nhật Khoa | 23520753 |
Thành viên | Xây dụng SOW, hỗ trợ quản lý tiến độ và rủi ro. |
| Trịnh Hoài An | 24520079 |
Thành viên | Phát triển website giới thiệu nhóm và hỗ trợ xây dựng nội dung truyền thông. |
| Nguyễn Nhật Tân | 24521580 |
Thành viên | Kiểm thử sản phẩm và thực hiện video, nội dung quảng bá. |
Dự án không chỉ là một landing page thông thường mà đóng vai trò như một dashboard quản trị nội bộ thu nhỏ của nhóm:
- 📅 Quản lý Tiến độ (Timeline): Xây dựng cấu trúc phân rã công việc (WBS). Theo dõi tiến độ từng tuần qua các mốc thời gian (Khởi động dự án, báo cáo, điều chỉnh).
- 🤝 Hợp đồng nhóm (Team Contract): Hệ thống hóa các nguyên tắc, thưởng phạt nội bộ cùng quyền lợi cụ thể của mỗi cá nhân.
- 📝 Biên Bản Họp (Meeting Minutes): Lưu trữ và nhúng trực tiếp API/iframe các biên bản họp hàng tuần (Google Docs).
- 🔄 Notion Integration: Ứng dụng tự động hóa việc kéo dữ liệu backlog/task từ hệ thống điều phối Notion để hiển thị lên Website.
- 🌓 Dark Mode & Responsive: Tích hợp giao diện sáng/tối tự động nhờ
next-themesvà tối ưu tương thích mọi thiết bị.
Dự án được thiết kế xoay quanh 4 giai đoạn chính yếu:
- Giai đoạn 1: Khởi tạo Thực hiện thu thập yêu cầu, xác định chức năng/phi chức năng, phân tích tài chính và giao nhiệm vụ.
- Giai đoạn 2: Lập kế hoạch Ước lượng chi phí, chuẩn bị phương án thực thi quản lý và hoàn thành mô hình thiết kế.
- Giai đoạn 3: Thực thi Lựa chọn kiến trúc, thiết kế cơ sở dữ liệu, giao diện (UI/UX), Backend và quy trình kiểm thử.
- Giai đoạn 4: Đóng dự án Hoàn thành bàn giao, thuyết trình nội dung và đánh giá hiệu suất khi đưa vào thực tế.
- Framework: Next.js 15+ (App Router)
- Library: React 19
- Styling: Tailwind CSS 4 + PostCSS
- Icons: Lucide React
- Data Fetching: SWR, Fetch API, Notion API
- Language: TypeScript
- State/Theme:
next-themes
- Node.js (phiên bản
>= 18.x) - npm hoặc yarn
-
Clone repository:
git clone https://github.com/user-name/green-team-web.git cd green-team-web -
Cài đặt dependencies:
npm install
-
Cấu hình kết nối Notion API (
.env.local): Tạo file.env.localở thư mục gốc và thêm các Key:JIRA_DOMAIN= JIRA_EMAIL= JIRA_API_TOKEN= JIRA_PROJECT_KEY=
-
Đồng bộ dữ liệu Task từ Workspace JIRA: Chạy script quản trị dữ liệu ở thư mục scripts để lấy các dữ liệu JSON về cục bộ:
npm run fetch-tasks
-
Chạy server phát hành nội bộ:
npm run dev
Truy cập http://localhost:3000 để tải toàn bộ giao diện và kiểm thử website.