# travelchain-beta-ui
> Vue-based frontend for Decetralized Data Exchange
Latest version **0.0.1** (published 2018-06-03) · MIT license · 0 weekly downloads
## Install
```sh
npm install travelchain-beta-ui
pnpm add travelchain-beta-ui
yarn add travelchain-beta-ui
bun add travelchain-beta-ui
```
## Health
**Score 15/100 (F)** — status: abandoned.
Positive: no vulnerabilities.
Warnings: low downloads; no types; no esm support; large bundle; pre 1.0.
Negative: abandoned; low maintenance score.
## Facts
| | |
|---|---|
| Version | 0.0.1 |
| Published | 2018-06-03 |
| First published | 2018-06-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 73 |
| Unpacked size | 19.6 MB |
| Known vulnerabilities | 0 (+87 in 15 direct dependencies) |
| Install scripts | no |
| Author | DACom Core |
| Maintainers | travelchain-beta-ui |
| Keywords | travelchain, express, mongo, vue, mongodb, hackaton, bootstrap |
## Links
- npm: https://www.npmjs.com/package/travelchain-beta-ui
- Repository: https://github.com/dacom-dark-sun/travelchain-beta-ui
- Homepage: https://github.com/dacom-dark-sun/travelchain-beta-ui#readme
- Issues: https://github.com/dacom-dark-sun/travelchain-beta-ui/issues
- npm.io page: https://npm.io/package/travelchain-beta-ui
## Dependencies (73)
- [pug](https://npm.io/package/pug.md) ^2.0.3
- [clui](https://npm.io/package/clui.md) 0.3.1
- [glob](https://npm.io/package/glob.md) 7.1.2
- [slug](https://npm.io/package/slug.md) 0.9.1
- [snyk](https://npm.io/package/snyk.md) ^1.80.1
- [async](https://npm.io/package/async.md) 2.4.1
- [axios](https://npm.io/package/axios.md) 0.16.1
- [chalk](https://npm.io/package/chalk.md) 1.1.3
- [csurf](https://npm.io/package/csurf.md) 1.9.0
- [eosjs](https://npm.io/package/eosjs.md) ^13.0.0
- [steem](https://npm.io/package/steem.md) ^0.7.1
- [agenda](https://npm.io/package/agenda.md) 0.9.1
- [helmet](https://npm.io/package/helmet.md) 3.8.2
- [lodash](https://npm.io/package/lodash.md) 4.17.5
- [mkdirp](https://npm.io/package/mkdirp.md) 0.5.1
- [moment](https://npm.io/package/moment.md) 2.19.3
- [morgan](https://npm.io/package/morgan.md) 1.9.0
- [netjet](https://npm.io/package/netjet.md) 1.1.3
- [express](https://npm.io/package/express.md) 4.16.0
- [graphql](https://npm.io/package/graphql.md) 0.10.0
- [hashids](https://npm.io/package/hashids.md) 1.1.1
- [i18next](https://npm.io/package/i18next.md) 8.3.0
- [ioredis](https://npm.io/package/ioredis.md) 3.0.0
- [le_node](https://npm.io/package/le_node.md) 1.7.0
- [winston](https://npm.io/package/winston.md) 2.3.1
- [mongoose](https://npm.io/package/mongoose.md) ^4.11.14
- [passport](https://npm.io/package/passport.md) 0.3.2
- [cross-env](https://npm.io/package/cross-env.md) 5.0.0
- [fakerator](https://npm.io/package/fakerator.md) 0.3.0
- [node-sass](https://npm.io/package/node-sass.md) ^4.5.3
- [socket.io](https://npm.io/package/socket.io.md) 2.0.2
- [cli-table2](https://npm.io/package/cli-table2.md) 0.2.0
- [nodemailer](https://npm.io/package/nodemailer.md) 4.0.1
- [body-parser](https://npm.io/package/body-parser.md) 1.18.2
- [compression](https://npm.io/package/compression.md) 1.7.1
- [object-hash](https://npm.io/package/object-hash.md) 1.1.8
- [eosjs-keygen](https://npm.io/package/eosjs-keygen.md) ^1.3.2
- [pretty-bytes](https://npm.io/package/pretty-bytes.md) 4.0.2
- [bcrypt-nodejs](https://npm.io/package/bcrypt-nodejs.md) 0.0.3
- [connect-mongo](https://npm.io/package/connect-mongo.md) 1.3.2
- [cookie-parser](https://npm.io/package/cookie-parser.md) 1.4.3
- [express-flash](https://npm.io/package/express-flash.md) 0.0.2
- [graphql-tools](https://npm.io/package/graphql-tools.md) 0.11.0
- [serve-favicon](https://npm.io/package/serve-favicon.md) 2.4.5
- [passport-local](https://npm.io/package/passport-local.md) 1.0.0
- [winston-logzio](https://npm.io/package/winston-logzio.md) 1.0.5
- [express-session](https://npm.io/package/express-session.md) 1.15.6
- [method-override](https://npm.io/package/method-override.md) 2.3.10
- [passport-github](https://npm.io/package/passport-github.md) 1.1.0
- [winston-logsene](https://npm.io/package/winston-logsene.md) ^1.2.1
- [passport-twitter](https://npm.io/package/passport-twitter.md) 1.0.4
- [socket.io-client](https://npm.io/package/socket.io-client.md) 2.0.2
- [winston-graylog2](https://npm.io/package/winston-graylog2.md) 0.7.1
- [express-validator](https://npm.io/package/express-validator.md) ^5.0.0
- [passport-facebook](https://npm.io/package/passport-facebook.md) 2.1.1
- [helmet-crossdomain](https://npm.io/package/helmet-crossdomain.md) 0.1.0
- [winston-papertrail](https://npm.io/package/winston-papertrail.md) 1.0.5
- [winston-loggly-bulk](https://npm.io/package/winston-loggly-bulk.md) ^2.0.0
- [uuid-token-generator](https://npm.io/package/uuid-token-generator.md) 1.0.0
- [graphql-subscriptions](https://npm.io/package/graphql-subscriptions.md) 0.3.1
- [passport-google-oauth](https://npm.io/package/passport-google-oauth.md) 1.0.0
- [express-list-endpoints](https://npm.io/package/express-list-endpoints.md) 3.0.0
- [express-status-monitor](https://npm.io/package/express-status-monitor.md) 1.0.0
- [graphql-server-express](https://npm.io/package/graphql-server-express.md) 0.7.2
- [require-webpack-compat](https://npm.io/package/require-webpack-compat.md) 3.0.0
- [i18next-node-fs-backend](https://npm.io/package/i18next-node-fs-backend.md) 1.0.0
- [mongoose-auto-increment](https://npm.io/package/mongoose-auto-increment.md) ^5.0.1
- [nodemailer-html-to-text](https://npm.io/package/nodemailer-html-to-text.md) 2.1.0
- [winston-daily-rotate-file](https://npm.io/package/winston-daily-rotate-file.md) 1.4.6
- [i18next-express-middleware](https://npm.io/package/i18next-express-middleware.md) 1.0.5
- [passport-localapikey-update](https://npm.io/package/passport-localapikey-update.md) 0.5.0
- [nodemailer-mailgun-transport](https://npm.io/package/nodemailer-mailgun-transport.md) 1.4.0
- [nodemailer-sendgrid-transport](https://npm.io/package/nodemailer-sendgrid-transport.md) ^0.2.0
## Alternatives
- [angular-pipes](https://npm.io/package/angular-pipes.md) — 5.6K weekly downloads
- [@ng-web-apis/midi](https://npm.io/package/@ng-web-apis/midi.md) — 2.6K weekly downloads
- [happn-3](https://npm.io/package/happn-3.md) — 1.6K weekly downloads
- [@opensip-cli/lang-go](https://npm.io/package/@opensip-cli/lang-go.md) — 1.2K weekly downloads
- [@temporal-architect/claude-plugin](https://npm.io/package/@temporal-architect/claude-plugin.md) — 335 weekly downloads
## Recent versions
- 0.0.1 (latest) — 2018-06-03
## README
# Vue, Express, MongoDB full-stack JS Boilerplate
[](https://snyk.io/test/github/icebob/vue-express-mongo-boilerplate)
This is a full stack webapp boilerplate project with VueJS + ExpressJS + MongoDB. 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 (user signup, login, oauth, profile, ...etc) except the business-logic. So when neccessary I can create a new webapp and only need to develop the business logic.
*This is just my personal boilerplate, it may or may not be a good fit for your project(s).*
Inspired by [dstroot/skeleton](https://github.com/dstroot/skeleton) and [sahat/hackathon-starter](https://github.com/sahat/hackathon-starter)
**If you like my work, please [donate](https://www.paypal.me/meregnorbert). Thank you!**
### [Live Demo](http://vemapp.moleculer.services/) (login: test/test1234 or sign-up)
## Features
**Server-side**
* [x] **[Node.JS](https://nodejs.org)** v6.x.x
* [x] **[Express](https://github.com/expressjs/express)**
* [x] [MongoDB](https://www.mongodb.com/) with [Mongoose](https://github.com/Automattic/mongoose)
* [x] [NodeMailer](https://github.com/nodemailer/nodemailer) with SMTP, MailGun or SendGrid
* [x] [Helmet](https://github.com/helmetjs/helmet)
* [x] [Express-validator](https://github.com/ctavan/express-validator)
* [x] [winston](https://github.com/winstonjs/winston) + 6 transports
* [x] **[GraphQL](http://graphql.org/)** with [Apollo stack](http://www.apollostack.com/)
* [x] [i18next](http://i18next.com/) as the internationalization ecosystem
* [x] **[HTTP/2 Server Push](https://en.wikipedia.org/wiki/HTTP/2_Server_Push)** with [netjet](https://github.com/cloudflare/netjet)
* [x] Bundled server-side code with [Webpack 2](https://webpack.github.io/)
**Client-side**
* [x] **[VueJS 2.x](https://github.com/vuejs/vue)**
* [x] [Vuex](https://github.com/vuejs/vuex)
* [x] [Vue-router](https://github.com/vuejs/vue-router)
* [x] [axios](https://github.com/mzabriskie/axios)
* [x] **[socket.io](https://github.com/socketio/socket.io) connection with namespaces & authorization**
* [x] [vue-websocket](https://github.com/icebob/vue-websocket)
* [x] [Jade](https://github.com/pugjs/pug)
* [x] **[Webpack 2](https://github.com/webpack/webpack)**
* [x] [SCSS](http://sass-lang.com/)
* [x] [PostCSS](https://github.com/postcss/postcss) with precss and autoprefixer
* [x] [Babel](https://babeljs.io/)
* [x] [Passwordless](https://www.sitepoint.com/passwordless-authentication-works/) mode
* [x] [Passport.JS](http://passportjs.org/)
* Social signup/login with Facebook, Google, Twitter and Github
* API key authentication for REST API calls
* [x] [Toastr](https://github.com/CodeSeven/toastr)
* [x] [vue-form-generator](https://github.com/icebob/vue-form-generator)
**Supported remote logging services**
* [x] [Papertrail](https://papertrailapp.com/)
* [x] [Graylog](https://www.graylog.org/)
* [x] [LogEntries](https://logentries.com/)
* [x] [Loggly](https://www.loggly.com/)
* [x] [Logsene](https://sematext.com/logsene/)
* [x] [Logz.io](http://logz.io/)
## Usage
Install dependencies
```
$ npm install
```
or
```
yarn
```
For development
```bash
$ npm run dev
```
Build web app scripts and styles:
```bash
$ npm run build
```
For production
```bash
$ npm start
```
## Docker
Building the images for the first time
```
$ docker-compose build
```
Starting the images
```
$ docker-compose up
```
## Screenshots
### Login screen
### Index page after login
### Devices page
## Directory structure
```txt
+---build
+---client
| +---app
| | +---core
| | +---modules
| | +---demo
| | +---devices
| | +---home
| | +---posts
| | +---session
| |
| +---frontend
| +---images
| +---scss
|
+---data
+---logs
+---server
| | bundle.js
| | dev.js
| | index.js
| +---applogic
| | +---libs
| | +---modules
| | +---counter
| | +---devices
| | +---posts
| | +---session
| +---config
| | default.js
| | index.js
| | prod.js
| | test.js
| |
| +---core
| +---libs
| +---locales
| | +---en
| | +---hu
| +---models
| | user.js
| +---public
| +---routes
| +---schema
| +---services
| +---views
+---tests
|
| package.json
| secrets.json
```
## Bundled server-side
If you want to bundle your NodeJS server-side code run webpack on server code with `npm run build && npm run build:server` command. It if was success, run the server: `npm run start:bundle`
If you want to export bundled version copy these folders & files to the new place:
```txt
- server
- locales
- public
- views
- bundle.js
- package.json
- config.js (optional)
```
Before start, you have to install production dependencies with npm: `npm install --production`
## Obtaining API keys for social signup/login
These are the instructions for Google:
- Visit [Google Cloud Console](https://cloud.google.com/console/project)
- Click on the **Create Project** button
- Enter *Project Name*, then click on **Create** button
- Then click on *APIs & auth* in the sidebar and select *API* tab
- Click on **Google+ API** under *Social APIs*, then click **Enable API**
- Next, under *APIs & auth* in the sidebar click on *Credentials* tab
- Click on **Create new Client ID** button
- Select *Web Application* and click on **Configure Consent Screen**
- Fill out the required fields then click on **Save**
- In the *Create Client ID* modal dialog:
- **Application Type**: Web Application
- **Authorized Javascript origins**: http://localhost:3000
- **Authorized redirect URI**: http://localhost:3000/auth/google/callback
- Click on **Create Client ID** button
- Copy and paste *Client ID* and *Client secret* keys into `config.js` file
These are the instructions for Facebook:
- Visit [Facebook Developers](https://developers.facebook.com/)
- Click **My Apps**, then select **Add a New App* from the dropdown menu
- Select **Website** platform and enter a new name for your app
- Click on the **Create New Facebook App ID** button
- Choose a **Category** that best describes your app
- Click on **Create App ID** button
- In the upper right corner click on **Skip Quick Star**
- Copy and paste *App ID* and *App Secret* keys into `config.js` file
- **Note:** *App ID* is **clientID**, *App Secret* is **clientSecret**
- Click on the *Settings* tab in the left nav, then click on **+ Add Platform**
- Select **Website**
- Enter `http://localhost:3000` under *Site URL*
**Note:** After a successful sign in with Facebook, a user will be redirected back to home page with appended hash `#_=_` in the URL. It is *not* a bug. See this [Stack Overflow](https://stackoverflow.com/questions/7131909/facebook-callback-appends-to-return-url) discussion for ways to handle it.
**Update:** Added a commented workaround to App.vue, otherwise the FB users may end up on a blank page on redirect.
These are the instructions for GitHub:
- Go to [Account Settings](https://github.com/settings/profile)
- Select **Applications** from the sidebar
- Then inside **Developer applications** click on **Register new application**
- Enter *Application Name* and *Homepage URL*
- For *Authorization Callback URL*: http://localhost:3000/auth/github/callback
- Click **Register application**
- Now copy and paste *Client ID* and *Client Secret* keys into `config.js` file
These are the instructions for Twitter:
- Sign in at [https://apps.twitter.com/](https://apps.twitter.com/)
- Click **Create a new application**
- Enter your application name, website and description
- For **Callback URL**: http://127.0.0.1:3000/auth/twitter/callback
- Go to **Settings** tab
- Under *Application Type* select **Read and Write** access
- Check the box **Allow this application to be used to Sign in with Twitter**
- Click **Update this Twitter's applications settings**
- Copy and paste *Consumer Key* and *Consumer Secret* keys into `config.js` file
## License
vue-express-mongo-boilerplate is available under the [MIT license](https://tldrlegal.com/license/mit-license).
## Contact
Copyright (C) 2016 Icebob
[](https://github.com/icebob) [](https://twitter.com/Icebobcsi)
---
_Source: https://npm.io/package/travelchain-beta-ui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._