#20 訂飲料 App,上傳資料到後台

作業目的: 學習串接後台 API,新增讀取後台資料 。

搭配雲端平台 Airtable,SheetDB 或 Firebase,實作訂飲料 App。

建議做法: 採用 Airtable,在 Airtable 存訂單,在 GitHub 存 menu 的資料。

App 功能需求。

1 新增訂購的飲料,畫面可考慮用 static cell。
欄位:
(1) 名字
(2) 飲料 (運用 picker, table 或 action sheet 讓使用者選擇,甚至加上 search 功能)
(3) 甜度
(4) 溫度
(5) 大小

2 統計顯示訂購的飲料清單。
ex:
彼得潘親手泡的暖心珍奶 2 杯,半糖去冰
虎克船長親手泡的心寒珍奶 2 杯,無糖多冰

提示: 串接 SheetDB 的朋友,抓取的資料預設都是字串,可搭配參數 cast_numbers 將字串變成數字。

3 飲料的 menu。

做法1: 將 menu 的 JSON & 圖片存在 GitHub。

做法2: 將 menu 存在 Airtable,透過 API 讀取 JSON 和圖片。

做法3: menu 的 JSON 檔和圖片存在 App 裡。

做法4: menu 的 plist 檔和圖片存在 App 裡。

4 防止 API key 上傳到 GitHub。

ps: 上課的同學若要提供 App 讓同學訂飲料,請在 LINE 群組告知 API key,然後同學再從 APIKey.plist 設定 API key。

5 可修改編輯。

6 可刪除。

7 播打店家電話訂飲料。

8 想不出要點什麼嗎 ? 手搖 iPhone 讓老天爺隨機決定一杯飲料吧。

9 訂飲料時唸出每杯飲料給店員聽

進階功能。

  • 模仿 Apple 範例,從文章裡介紹的 5 種寫法選擇其中一種。
  • 登入功能,登入後訂飲料不用輸入名字。
  • 購物車功能。

可以訂多個飲料,然後再到購物車頁面確認訂購。

  • 模仿 Uber Eats App 製作點餐頁面。
  • 團購功能。

請 AI 幫忙

作品集

--

--

彼得潘的 iOS App Neverland
彼得潘的 100 道 Swift iOS App 謎題

彼得潘的iOS App程式設計入門,文組生的iOS App程式設計入門講師,彼得潘的 Swift 程式設計入門,App程式設計入門作者,http://apppeterpan.strikingly.com