---
tags: shortit
---

# ShortIt! 開發日誌

[TOC]

---

### 02/22 (三)
#### 完成項目(程式)
- (F) 允許SweetAlert2切換主題
- (F,B) 新增Dockerfile與部署設定
- 新增GitHub Action設定
- 新增Webhook自動重新部署

#### 完成項目(文件)
- 完成README
- 完成功能說明文件

#### 完成項目(其他)
- Auth0新增GitHub登入
- Auth0更新Google登入憑證

### 02/21 (二)
#### 完成項目(程式)
- (F) 允許OgTitle是空值(用URL填進去)
- (F) 預設隱藏客製化選項
- (F) 允許亮色主題
- (F) 新增主題切換按鈕
- (F) 新增使用者導引功能
- (F) 404頁面
- (F) Lazy Loading
- (B) 完成重新導向邏輯(302,HTML)
- (B) 測試現在使用Mock資料庫(可以丟進CI了)
- (F,B) 確保短網址無法導向服務自己

### 02/20 (一)
#### 完成項目(程式)
- (F) 設計Logo
- (F) 完成使用者登入、登出功能，並在Header元件顯示登入的使用者資訊
- (F) 新增Icon套件與更多字形
- (F) 完成URL表格UI
- (F) 完成URL資訊編輯UI
- (F) 完成URL刪除功能
- (F) 未登入使用者重新導向到首頁
- (F) 重構UrlForm，允許更多擴充
- (F) 改進Header元件裡面的UI按鈕
- (F) 新增About頁面
- (B) 調整API，允許更短的縮網址(少一層Path)
- (B) 新增縮網址保留字，確保不會與API路徑重疊
- (B) 增加更多OpenGraph平臺支援(metascraper)
- (B) 新增取得使用者URL總數的API (前端表格顯示用)

### 02/19 (日)
#### 完成項目(程式)
- (B) 獨立出取得OpenGraph的程式並使用Redis快取避免重複請求
- (F) 建立串接後端API的程式界面
- (F) 新增建立短網址的回饋(Sweetalert2)
- (F) 把首頁串接上後端，可以實際建立短網址

### 02/18 (六)
#### 完成項目(程式)
- (B) 完成主要Url服務邏輯與短網址生成演算法
- (B) 加入Auth0的驗證機制
- (B) 完成主要API界面
- (F) 完成Navbar的UI
- (F) 完成Open Graph預覽
- (F) 完成Url輸入後驗證與自動截取
- (F) 完成主頁UI

#### 完成項目(文件)
- 設計文件
- 更新流程圖
- 更新API設計

### 02/17 (五)
#### 完成項目(程式)
- 初始化工作區
- (F) 建立前後端專案
- (B) 設定eslint、prettier、tsconfig、jest
- (B) 加入開發測試用的資料庫設定
- (B) 把以前寫好的Logger搬過來用
- (B) 新增從環境變數載入設定的功能
- (B) 加入基本的Express程式(middleware等等)
- (B) 設定Prisma與基本資料模型
- (B) 新增初始化資料庫的migration
- (B) 新增處理操作資料庫(CRUD)的程式

#### 完成項目(文件)
- 設計文件
- 架構圖
- API設計
- 資料模型
- 實作技術
- 設計議題
- 開發日誌

#### 完成項目(其他)
- 新建GitHub存放庫
- 新建Auth0專案