菁英人才孵化器
VueAngularIonicFirebaseCloud Functions
在實習期間，我接受實習計畫主管的委託，和同事一起腦力激盪出一個可以提供實習生們紀錄實習生活、提高實習生參與活動意願的 Web App - 菁英人才孵化器。這個 Web App 有兩次迭代：第一版使用 Vue.js 搭配 Firebase Realtime Database 開發，第二版改用 Angular 搭配 Ionic framework 及 Cloud Firestore。
負責
- 使用 Angular 及 Vue 建立 Mobile Web App，及管理者介面。
- 將匯入實習生資料的程式包裝成 Cloud Functions。
- 設計 Mobile Web App 及管理者介面 UI/UX。
使用技術
Vue 2
作為第一版的前端開發框架，利用 Vuex 做全局狀態管理。
Angular
搭配 Ionic framework 及 NG-Zorro 加快網站開發速度，使用 Router Guard 在前端進行權限驗證。
Firebase
使用 Authentication 作為登入認證服務簡化開發流程，利用 Realtime Database / Cloud Firestore 作為資料庫，並建立 Cloud Functions 將批次上傳資料的工作包裝為 API。
作品截圖
