# A. 前期作業

## Design

## Prototype

### Figma Template
- 主題色 (ex. Primary Color, Secondary Color.....)

- Figma 需要有 UI 組件拼圖

- Figma 需要有 頁面樣板

### Vue Component
- 針對 UI 組件 拼圖製作對應的 Vue Component

## Coding
- 共通/常用且固定規格的程式(Ex. 登入登出, 系統參數設定) 以 package 形式引入在專案中 (nuget, npm)

### Database Template

### Frontend Template
- 一個基本的框
- i18n
- Vuex (Optional)
- Feature Management
- Router, Breadcrumbs
- App bars
- Role, Permission, Function, Navigation drawers
- 登入/登出/切換帳號
- 前端的 Naming Rule

### Backend Template
- 一個基本的框
- i18n
- Feature Management
- 登入/登出/切換帳號

## Test
- Unit Test
- E2E Auto Test

## Release
- Docker

# B. 新系統建立 SOP

## Design
- Story Mapping

## Prototype
- 定義使用情境
- 使用 Figma Template 建立畫面 & 使用情境動線
- 與 UX 討論、調整以符合 Design Guideline
- 與 user 討論、調整 prototype
- 若有可建立的 Figma Template 則隨時新增

## Document
- DB Schema
- API Document

## Coding

### Database

### Frontend

### Backend

## Test

## Release
- CI
- CD