DTNS

DTNS - 每字美句每個你喜歡的瞬間

隨時記錄 來自一本書、一句詞、一個讓你感動的瞬間。

方便儲存 紀錄讓你心動的剎那，隨時回味翻找查詢。

便捷分享 立即跟親朋好友分享，創造更好的文字風景。

主要功能

• 分享牆可以檢視公開的文章、並依據不同的主題文章分類。
• 會員及非會員都可以新增文章及留言問題。
• 會員可以修改及刪除自己的文章。
• 非會員僅能看到有公開分享及非下架的文章。
• 管理員可以新增使用者資料。
• 管理員可以下架文章及回復問題。
• 檢視模式有黑暗模式可以選擇切換。

前台使用技術

• 使用 Vue-Cli 開發專案。
• 使用 Vue-Router 套件管理路由。
• 使用 VueMaterial UI 框架。
• RWD 響應式網頁設計。
• 應用 components 去管理重複的元件。
• 使用 Sass 預處理器管理 CSS。
• 使用 ESLint 管理程式碼風格。
• 使用 Axios 串接後端 API 。
• PWA (Progressive Web App) 設定。

後台使用技術

• 自行撰寫資料庫。
• 開發使用 Node.js + Express。
• 資料庫使用 MongoDB + Mongoose 套件。
• cors 去處理跨域請求。
• 驗證使用 jwt 機制。
• 註冊及登入使用 Line login API。
• 部署在 Heroku。

頁面截圖

發想

Discovery 發現 Thinking 思考 Notes 筆記 Share 分享

發想啟動 【每字，美句】