好食在 – 團訂便當系統

Demo

計畫成員

Front-end： Clover Jimmy Paula Ryin

Back-end： po-chun ckw bochen

UI Design： Hungyu

Mentor： Tomas

緣起與痛點

公司中午訂便當的時候，要統計誰訂了什麼總是很麻煩，還有人會漏傳訂便當的紙而沒訂到，我們訪問了中午負責訂便當的負責人：
Q：請問你覺得在訂便當時最困擾的是什麼呢？
A：應該是有人會忘記寫而沒訂到便當

解法

做一個訂便當系統，可以分享訂便當頁面到line或其他通訊軟體，提醒並讓大家在線上填寫訂單，負責人只要看著最後填寫的結果聯絡便當店就好

---

使用技術

Front-end Framework: Vue.js

Back-end: Firebase Node.js

Firebase Config File

  $ cp src/config_default.js src/config.js

填入 firebase 的設定

export default {
  apiKey: "",
  authDomain: "",
  databaseURL: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: ""
};

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run all tests
npm test

For a detailed explanation on how things work, check out the guide and docs for vue-loader.