[
This is a webapp boilerplate project with VueJS + Node.js. It is NOT an out-of-box project. I make it in order to create an up-to-date starter repo which contains all important functions (video-player, live-chat) so when neccessary I can create a new webapp and only need to develop the business logic.
For examples of content I have used a live YouTube video embed, here are two examples: https://www.youtube.com/watch?v=XOacA3RYrXk https://www.youtube.com/watch?v=uTpDWzfRMg8
The comments view on the right is served “in real-time”, appearing at random intervals to create the idea of a live-chat, sent from the server. The user is able to write the comments and see their comment in the timeline of messages.
It is created with Vue as frontend and Node.js as backend. Responsive? To a certain degree, with CSS Grid and FlexBox.
Server-side
- Node.JS v6.x.x
- MongoDB with Mongoose (WORK IN PROGRESS)
- i18next as the internationalization ecosystem (WORK IN PROGRESS)
- Bundled server-side code with Webpack 2
Client-side
- VueJS 2.x
- Vuex
- Vue-router
- Webpack 2
- SCSS
- PostCSS with precss and autoprefixer
- Babel
- Native-Websocket
Before start, you have to install production dependencies with npm: npm install
nodemon is suggested for hotreload
# install dependencies
npm install
# serve with hot reload at localhost:1337
node index.js or nodemon index.js
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run serve
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
This repo is available under the MIT license.
Copyright (C) 2016 Snake
