iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

用Vue與firebase開發訂便當系統實錄 系列

參賽天數 12 天 | 共 13 篇文章 | 22 人訂閱 訂閱系列文 團隊Lorem100+tab
DAY 1

統計便當總是好麻煩~來個訂便當系統吧!

好食在 – 團訂便當系統 計畫成員 Clover Jimmy Paula HungYu 緣起 公司中午訂便當的時候,要統計誰訂了什麼總是很麻煩,還有人會漏傳訂便...

2017-12-20 ‧ 由 Clover 分享
DAY 2

day2. 功能發想

首先成員們每個人都發想訂便當系統想做的功能,從這些功能中過濾出我們第一階段的MVP Clover 1.基本訂便當 食物分類 選擇店家 選擇餐點 計算個人金額 總...

2017-12-21 ‧ 由 Clover 分享
DAY 3

Day3. Wireframe

手繪wireframe > 互動式wireframe

2017-12-22 ‧ 由 Clover 分享
DAY 4

Day4. mock up

其實mockup沒這麼早出來,不過為了延續上一篇的wireframe,把mock up放在這邊 感謝我們的設計師Hung Yu

2017-12-23 ‧ 由 Clover 分享
DAY 5

Day5. 資料結構ver.1

雖然我們使用firebase可以幫我們做到後端大部分的事情,但還是需要規劃資料結構,為什麼標題會有個ver.1,那表示這個版本不是最終版本,之後有發生寫到一半改...

2017-12-24 ‧ 由 Clover 分享
DAY 6

Day6. 開始學習Vue(el、data、mount)

因為訂單的呈現很多都是資料與畫面的關係,我們決定用Vue作為前端框架 所以趕快來臨時抱佛腳開始學Vue現學現賣(咦 Vue是一種宣告式渲染的框架,不同於命令式的...

2017-12-25 ‧ 由 Clover 分享
DAY 7

Day7. Vue – (v-for、template)

一、v-for v-for 可以根據data裡的資料來渲染列表 先在Vue實例裡建一個data內容是個陣列 let vm = new Vue({ el: '...

2017-12-26 ‧ 由 Clover 分享