翔泰學校

AngularRWD Design.NET Core
作品連結

在學生時期,我常跟朋友一起接外包專案,除了磨練自己的技術以外,也可以接觸到業界的作業流程。翔泰學校是一個以投資理財為主的影音教學網站,在這個專案中我和 UI/UX 設計師一起討論並依照設計規範開發前端網站,也利用 Swagger 作為 API 文件,同時嘗試使用 .NET Core 撰寫 OTP 服務。

負責

  1. 使用 Angular 建立網站前端,依照設計稿開發元件及畫面,並串接金流。
  2. 使用 .NET 撰寫 OTP (One Time Password) 服務,並提供前端 API 呼叫。
  3. 提供使用者網站在手機、平板、iPad Pro 的解析度下能直覺操作的 RWD 設計。

使用技術

Angular
使用 LazyLoad Module 建立前端畫面及元件,使用 RxJS 串接後端 API 及金流,利用 Router Guard 在前端進行權限驗證並阻擋沒有權限的使用者進入頁面。
.NET Core
建立 OTP (One Time Password) 服務 API。

作品截圖

首頁
首頁
影片列表
影片列表
個人通知管理
個人通知管理
影片頁面
影片頁面
手機版首頁
手機版首頁
手機版選單
手機版選單
手機版影片列表
手機版影片列表
手機版影片頁面
手機版影片頁面