├── static
├── .gitkeep
└── logo.png
├── config
├── prod.env.js
├── dev.env.js
└── index.js
├── .gitignore
├── index.html
├── src
├── services
│ ├── series.service.js
│ └── favorites.service.js
├── router
│ └── index.js
├── main.js
├── store
│ └── store.js
├── App.vue
└── components
│ ├── Navbar.vue
│ ├── Favorites.vue
│ ├── Serie.vue
│ └── Home.vue
├── README.md
├── package.json
└── yarn.lock
/static/.gitkeep:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/config/prod.env.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | NODE_ENV: '"production"'
3 | }
4 |
--------------------------------------------------------------------------------
/static/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kefranabg/vuejs-nightclazz/master/static/logo.png
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules/
3 | dist/
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 |
--------------------------------------------------------------------------------
/config/dev.env.js:
--------------------------------------------------------------------------------
1 | var merge = require('webpack-merge')
2 | var prodEnv = require('./prod.env')
3 |
4 | module.exports = merge(prodEnv, {
5 | NODE_ENV: '"development"'
6 | })
7 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | nightclazz
6 |
7 |
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/src/services/series.service.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 |
3 | export default {
4 | /**
5 | * Get series from tvmaze
6 | */
7 | getSeries: () => {
8 | return Vue.http.get('http://api.tvmaze.com/search/shows?q=bad')
9 | }
10 | }
--------------------------------------------------------------------------------
/src/router/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import Router from 'vue-router'
3 | import Home from '@/components/Home'
4 | import Favorites from '@/components/Favorites'
5 |
6 | Vue.use(Router)
7 |
8 | export default new Router({
9 | routes: [
10 | {
11 | path: '/',
12 | name: 'Home',
13 | component: Home
14 | },
15 | {
16 | path: '/favorites',
17 | name: 'Favorites',
18 | component: Favorites
19 | }
20 | ]
21 | })
22 |
--------------------------------------------------------------------------------
/src/services/favorites.service.js:
--------------------------------------------------------------------------------
1 | export default {
2 | /**
3 | * List of favorites
4 | */
5 | list: new Array(),
6 | /**
7 | * Add a favorite to the list
8 | */
9 | addFavorite: function(fav) {
10 | this.list.push(fav)
11 | },
12 | /**
13 | * Remove a favorite from the list
14 | */
15 | removeFavorite: function(fav) {
16 | const index = this.list.findIndex(item => item.id === fav.id)
17 | this.list.splice(index, 1)
18 | }
19 | }
--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | // The Vue build version to load with the `import` command
2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
3 | import Vue from 'vue'
4 | import store from './store/store'
5 | import VueResource from 'vue-resource'
6 | import App from './App'
7 | import router from './router'
8 |
9 | Vue.config.productionTip = false
10 | Vue.use(VueResource)
11 |
12 | /* eslint-disable no-new */
13 | new Vue({
14 | el: '#app',
15 | router,
16 | store,
17 | template: '',
18 | components: { App }
19 | })
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # nightclazz
2 |
3 | > A Vue.js project
4 |
5 | ## Build Setup
6 |
7 | ``` bash
8 | # install dependencies
9 | npm install
10 |
11 | # serve with hot reload at localhost:8080
12 | npm run dev
13 |
14 | # build for production with minification
15 | npm run build
16 |
17 | # build for production and view the bundle analyzer report
18 | npm run build --report
19 | ```
20 |
21 | For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
22 |
--------------------------------------------------------------------------------
/src/store/store.js:
--------------------------------------------------------------------------------
1 | import Vuex from 'vuex'
2 | import Vue from 'vue'
3 |
4 | Vue.use(Vuex)
5 |
6 | export default new Vuex.Store({
7 | state: {
8 | favorites: []
9 | },
10 | mutations: {
11 | /**
12 | * Add a favorite to the list
13 | */
14 | addFavorite (state, fav) {
15 | state.favorites = [...state.favorites, fav]
16 | },
17 | /**
18 | * Remove a favorite from the list
19 | */
20 | removeFavorite (state, fav) {
21 | state.favorites = state.favorites.filter(item => item.id !== fav.id)
22 | }
23 | }
24 | })
25 |
--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
18 |
19 |
30 |
--------------------------------------------------------------------------------
/src/components/Navbar.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
9 |
10 | -
11 | Home
12 |
13 | -
14 | Favorites
15 |
16 |
17 |
18 |