Mobile web application for ice breaking activity
- vue-cli
- vue-router
- vuex
- element-ui (for icons)
- Node.js
- Installer download (https://nodejs.org/en/download/)
- Installing via package manager (https://nodejs.org/en/download/package-manager/)
- Clone git repository
git clone https://github.com/coolutony/icebreaker
cd icebreaker
- Install dependencies
npm install
# serve with hot reload at 8080 port
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
For a detailed explanation on how things work, check out the guide and docs for vue-loader.
Note: Although this web app is designed as multiplaying game, multiplaying feature is not supported now because there is no back-end server.
- Access website
http://<dev-server-ip>:8080- Optimized to mobile device.
- Select 'Create/Join Room' menu
- When joining room, you do not have to input room ID.
- Wait for other users to join
- Just skip this step because you are the only user!
- Select a question
- Answer the question
- Guess and match answers to players
├── build/ # webpack config files
├── config/ # main project config
├── src/
| ├── api/ # "fake" server api
| ├── assets/
| ├── components/ # vue components
| ├── public/ # json files
| ├── router/ # vue-router
| ├── store/ # vuex modules
| ├── App.vue # main app component
| └── main.js # app entry file
├── ...
├── package.json # build scripts and dependencies
└── README.md
For a detailed explanation on how things work, checkout the guide
Distributed under the MIT License.
- Back-end/DB server is not implemented and replaced with json files.
- 2019-10-24
- ADD: Front-end Vue app