1.《會員註冊登入》
說明:
- 使用第三方套件:AlamoFire、FaceBook SDK、GoogleSignIn
- ResultType
- 串接 okta API 管理使用者(註冊、登入、取得與修改使用者資料)
- 串接 Imgur API 上傳使用者圖片
- 將自訂型別轉成Data儲存到UserDefaults
- 將使用者選擇的圖片儲存到documentDirectory
- 利用keyboard notification控制Scroll View contentInset
- 目前版本功能:註冊登入、記憶使用者登入狀態、修改使用者資料
尚未實現功能:登出、修改密碼、忘記密碼、重新登入
Medium文章
[iOS Task]-Sign in & Sign up#1
2.《可不可訂飲料》
說明:
- MVC structure、CollectionView、UIActivityIndicatorView
- 使用Airtable建立菜單資料表
- 串接Airtable API呈現菜單、管理訂單資料
- 功能:新增訂單、修改訂單、刪除訂單
- 資料傳遞:prepare
Medium文章-第一篇(菜單呈現、上傳訂單)
Peter's 100 task #6 Order Drinks APP
Medium文章-第二篇(新增訂單列表頁面、修改與刪除功能)
Peter's 100 task #6-1 Order Drinks APP
上傳訂單
新增訂單列表頁面、修改與刪除功能
新增訂單列表頁面、修改與刪除功能
3.《小遊戲-誰是臥底》
說明:
- 以Google Spreadsheet為後台,建立題庫資料
- textField+pickerView、UITapGestureRecognizer、UIAlertController、Outlet Collection
- 利用enum CodingKeys客製JSON property
- 資料傳遞:IBSegueAction
Medium文章-第一篇(基本功能)
Peter's 100 task #4 誰是臥底
Medium文章-第二篇(增加忘詞、自訂暱稱功能)
Peter's 100 task #4-1 誰是臥底
4. 《模仿Instagram個人頁面》
說明:
- 使用flow layout 的collection view製作照片牆
- 搭配 Lorem Picsum API 隨機抓取圖片
- 從程式加入 Document Outline 的 profile view
- 利用frameLayoutGuide與contentLayoutGuide 固定 profile tab
- 利用Sketch&Zeplin設計UI介面
- 點選照片跳到下一頁呈現大圖(IBSegueAction)
Medium文章
Peter's 100 task #5 模仿IG使用者頁面