Brit's Cooky - KAIST CS374, Spring 2017

Team Brit

[1] 20110717, Jaehoon Lee ([email protected]), School of Computing
[2] 20120281, Youngeun Kim ([email protected]), Department of Mathematical Sciences
[3] 20130201, Hyunwoo Kim ([email protected]), Department of Chemistry
[4] 20150559, Seayeon Lee ([email protected]), School of Computing

01. Introduction

Cooky is a service which can help you to distribute your cooking works with others. Watch our Demo Video on the YouTube.

02. Prototype URLs

Notice: Before accessing our prototype, we strongly recommend you to use the latest version of the Chrome browser in order to resolve potential browser-specific issues.

• GitHub Pages: https://alphahoon.github.io
• AWS (alternative): http://alphahoon.com/Brit
  • May not work depending on the server health
• Or, you can manually download our project from the GitHub repository and build on your own (Refer the following section '05. Developing Environment Setting')

03. Project Structures

• index.html: the main entry file
• src/App.vue: the main Vue component
• src/components/: the sub UI components, grouped by each page
• src/store.js: the Vuex state manager
• src/recipe.js: the recipe data
• assets/, src/assets/: the static asset files

04. Used Libraries and Frameworks

• Node with NPM
  • Bower
    • jQuery
    • Bootstrap
    • Font Awesome
  • Vue
    • Vuex (Enables Central State Managements feature of Vue)
    • Vue-loader (Enables Single File Component feature of Vue)
  • Webpack (Generated by webpack-simple template using vue-cli)

05. Developing Environment Setting

Prerequisites: Node, NPM

1. Install Bower

$ sudo npm install -g bower

2. Install Local Dependency Packages

In the project root directory, type:

$ npm install
$ bower install

3. Build (or Run) the Project

In the project root directory, type:

$ npm run build

If you want to use Vue.js devtools on your Chrome browser, you should run a local server on your machine. In that case, type:

$ npm run dev

One-line command

The whole steps above can be executed at once with this one-line command:

$ git clone https://github.com/alphahoon/Brit.git && cd Brit && sudo npm i -g bower && npm i && bower i && npm run build

Thank you for reading, and please enjoy our application! :)