vue-lunch-order-app
vue-lunch-order-app copied to clipboard
Lunch order app, built with Vue.js v2 and Google Spreadsheet
Lunch Order Vue.js App
This is a Single Page Application, powered by Vue.js and Google Spreadsheet.
This app allows users to record their lunch orders in a Google Spreadsheet.
Prerequisites
- node js >=8.9.0
- npm >=5.7.1 || yarn 1.5.1+
- Google API Web Client ID, create here
- Enable Google Sheets API
- Enable Google+ API
- Whitelist
http://localhost:9000
- A Google Spreadsheet to use as database (see
config.example.js
) - End-users should have write permission on this spreadsheet
Run on localhost
- Create a new Google Spreadsheet
- Create a empty sheet within this spreadsheet, name it
Template
, see template format below - Clone this repo
- Create
config.js
file on project root, copy fromconfig.example.js
- Fill valid details in config.js file
# Install dependencies
yarn install
# Run local server at localhost:9000
yarn run dev
- Generate dist (production ready) folder
yarn run prod
Google SpreadSheet template format
ForDate | ForEmail | OrderedAt |
---|---|---|
28/1/2018 | [email protected] | 28/1/2018, 9:51:47 AM |
29/1/2018 | [email protected] | 29/1/2018, 10:51:47 AM |
Resources
TODOs
- Implement policies and restrictions
- Allow cancel today order
- Show today records in table
License
MIT License