Lovable을 이용한 MVP UI 만들기

pms (project manage system) 만들기
prd 파일을 만들어줘
자세한 요구사항
1. 사용자 : it 회사의 프로젝트을 수행하는 pm
2. 관리자 : it 회사의 임원 및 pmo 조직
3. 웹, 모바일에서 접속 가능
4. 사용자는 프로젝트 정보를 입력한다. (프로젝트명, 프로젝트코드, 고객사, 설계자, 개발자, 프로젝트 일정)
5. 관리자는 등록된 프로젝트와 일자를 관리한다.
6. 사용자가 사용하기 편하게 해야 한다.
7. 기본적으로 간트 챠트 기능이 구현되어야 한다.

# 📝 Product Requirements Document (PRD)

## 📌 프로젝트명
**PMS (Project Management System)**

---

## 1. 제품 개요

**PMS**는 IT 기업의 프로젝트 관리를 돕기 위한 웹 및 모바일 기반 시스템입니다. PM(프로젝트 매니저)은 프로젝트 정보를 등록·관리하고, 관리자는 전체 프로젝트 일정과 상태를 모니터링할 수 있습니다. 직관적이고 간편한 UI/UX를 기반으로 간트 차트 시각화를 기본 제공합니다.

---

## 2. 주요 사용자

| 역할 | 설명 |
|------|------|
| 사용자 (PM) | 프로젝트를 직접 등록하고 담당자를 지정하며, 일정과 진행 상태를 관리 |
| 관리자 (임원/PMO) | 전체 프로젝트를 모니터링하고, 일정을 조정하며, 프로젝트 상태를 리포트 형태로 확인 가능 |

---

## 3. 플랫폼 요구사항

- Web (Chrome, Edge, Safari 최신 버전 대응)
- Mobile (Responsive Web 또는 Hybrid App으로 Android/iOS 대응)

---

## 4. 주요 기능

### 4.1 사용자(PM) 기능

- 프로젝트 등록
  - 프로젝트명
  - 프로젝트코드 (중복 불가)
  - 고객사명
  - 설계자, 개발자 (사내 인력 목록에서 선택)
  - 프로젝트 시작일, 종료일

- 프로젝트 수정/삭제 (본인이 등록한 프로젝트만 가능)
- 프로젝트 진행 상태 입력 (예: 준비, 설계, 개발, 테스트, 완료)
- 간트 차트 시각화 (Drag&Drop으로 일정 조정 가능)
- 모바일 최적화된 인터페이스 제공

### 4.2 관리자 기능

- 전체 프로젝트 리스트 보기 (필터: 고객사, 기간, 담당자, 상태 등)
- 특정 프로젝트 상세 보기 및 수정 권한
- 간트 차트 기반 전체 일정 모니터링
- 사용자별 프로젝트 참여 현황 확인
- 리포트 생성 (PDF/Excel 출력)

---

## 5. 시스템 요건

| 항목 | 설명 |
|------|------|
| 백엔드 | Spring Boot (Java) 기반 REST API |
| 프론트엔드 | React 또는 Polymer |
| 데이터베이스 | PostgreSQL |
| 인증 | JWT 기반 사용자 인증 (관리자/사용자 Role 분리) |
| 배포 | AWS 또는 사내 서버 환경 |
| 보안 | 시큐어코딩 적용, OWASP Top 10 대응

---

## 6. UX/UI 요구사항

- 직관적인 사용자 인터페이스
- 자동완성 및 최소 입력 방식
- 반응형 디자인으로 모바일 UX 강화
- 상태별 색상 시각화
- 간트차트 라이브러리 예시:
  - `frappe-gantt`
  - `dhtmlx-gantt`
  - `react-gantt`

---

## 7. 비기능 요구사항

- 응답 속도: 1초 이내
- 데이터 무결성 보장
- 1만 건 이상의 프로젝트 확장성 고려
- Role 기반 접근 제어
- 감사 로그 및 행위 추적 기능

---

## 8. 초기 개발 MVP 범위

| 기능 | 포함 여부 |
|------|-----------|
| 프로젝트 등록/조회/수정 | ✅ |
| 기본 간트 차트 구현 | ✅ |
| 관리자용 전체 리스트 보기 | ✅ |
| 모바일 대응 (반응형 웹) | ✅ |
| 로그인 및 사용자 권한 | ✅ |
| 리포트 및 고급 통계 기능 | ❌ (차후 버전 개발 예정) |

---