Skip to content

Commit 8edfa6f

Browse files
author
Valentin Viennot
committed
init demo app
1 parent fd85fb4 commit 8edfa6f

36 files changed

+12705
-0
lines changed

‎demo_app/.env.dev‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
VUE_APP_API_BASE=http://[::1]:3000/api/

‎demo_app/.env.prod‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
VUE_APP_API_BASE=/api/

‎demo_app/.gitignore‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
.DS_Store
2+
node_modules
3+
/dist
4+
5+
# local env files
6+
.env.local
7+
.env.*.local
8+
9+
# Log files
10+
npm-debug.log*
11+
yarn-debug.log*
12+
yarn-error.log*
13+
14+
# Editor directories and files
15+
.idea
16+
.vscode
17+
*.suo
18+
*.ntvs*
19+
*.njsproj
20+
*.sln
21+
*.sw?

‎demo_app/README.md‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
# frontend
2+
3+
## Project setup
4+
5+
```
6+
yarn install
7+
```
8+
9+
### Compiles and hot-reloads for development
10+
11+
```
12+
yarn serve
13+
```
14+
15+
### Compiles and minifies for production
16+
17+
```
18+
yarn build
19+
```
20+
21+
### Customize configuration
22+
23+
See [Configuration Reference](https://cli.vuejs.org/config/).

‎demo_app/babel.config.js‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
module.exports = {
2+
presets: [
3+
'@vue/cli-plugin-babel/preset'
4+
]
5+
}

‎demo_app/package.json‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
{
2+
"name": "muchmatch-demo-app",
3+
"version": "1.0.0",
4+
"private": true,
5+
"scripts": {
6+
"serve": "vue-cli-service serve --mode dev",
7+
"build": "vue-cli-service build --mode prod"
8+
},
9+
"dependencies": {
10+
"@mdi/font": "^3.6.95",
11+
"axios": "^0.19.0",
12+
"browserslist": "^4.8.0",
13+
"core-js": "^3.3.2",
14+
"roboto-fontface": "*",
15+
"vue": "^2.6.10",
16+
"vue-axios": "^2.1.5",
17+
"vue-class-component": "^7.0.2",
18+
"vue-loading-overlay": "^3.2.0",
19+
"vue-property-decorator": "^8.3.0",
20+
"vue-router": "^3.1.3",
21+
"vue2-interact": "git+https://github.com/misterw97/vue2-interact.git",
22+
"vuetify": "^2.1.0"
23+
},
24+
"devDependencies": {
25+
"@vue/cli": "^4.0.5",
26+
"@vue/cli-plugin-babel": "^4.0.0",
27+
"@vue/cli-plugin-router": "^4.0.0",
28+
"@vue/cli-plugin-typescript": "^4.0.0",
29+
"@vue/cli-service": "^4.0.0",
30+
"node-sass": "^4.13.0",
31+
"sass-loader": "^8.0.0",
32+
"typescript": "~3.5.3",
33+
"vue-cli-plugin-vuetify": "^2.0.2",
34+
"vue-template-compiler": "^2.6.10"
35+
},
36+
"browserslist": [
37+
"last 2 versions",
38+
"> 1%",
39+
"not ios <= 12"
40+
]
41+
}

‎demo_app/postcss.config.js‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
module.exports = {
2+
plugins: {
3+
autoprefixer: {}
4+
}
5+
}

‎demo_app/public/favicon.png‎

8.28 KB
Loading

‎demo_app/public/index.html‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width,initial-scale=1.0">
8+
<link rel="icon" href="<%= BASE_URL %>favicon.png">
9+
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
10+
<title>Loading MuchMatch...</title>
11+
</head>
12+
13+
<body>
14+
<noscript>
15+
<strong>We're sorry but the app doesn't work properly without JavaScript enabled. Please enable it to
16+
continue.</strong>
17+
</noscript>
18+
<div id="app"></div>
19+
<!-- built files will be auto injected -->
20+
</body>
21+
22+
</html>

‎demo_app/src/App.vue‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<template>
2+
<v-app>
3+
<v-content>
4+
<router-view />
5+
</v-content>
6+
</v-app>
7+
</template>
8+
9+
<script lang="ts">
10+
import Vue from "vue";
11+
export default Vue.extend({
12+
name: "App",
13+
watch: {
14+
$route: {
15+
handler: (to, from) => {
16+
document.title =
17+
to.meta.title ||
18+
"MuchMatch: Swiping Behaviour Study [EPFL Experience Design]";
19+
},
20+
immediate: true
21+
}
22+
}
23+
});
24+
</script>

0 commit comments

Comments
 (0)