Overview

The Vue, Express, MongoDB full-stack JS Boilerplate is a project that provides a starter code repo for creating full-stack web applications using VueJS, ExpressJS, and MongoDB. It includes important functions such as user signup, login, oauth, profile, and more. It is not an out-of-box project, but rather a foundation upon which to build a web app with the necessary functions already implemented.

Features

• Server-side features:
  • Node.JS v10.x.x
  • Express
  • MongoDB with Mongoose
  • NodeMailer with SMTP, MailGun or SendGrid
  • Helmet
  • Express-validator
  • winston + 6 transports
  • GraphQL with Apollo stack
  • i18next as the internationalization ecosystem
  • HTTP/2 Server Push with netjet
  • Bundled server-side code with Webpack 2
• Client-side features:
  • VueJS 2.x
  • Vuex
  • Vue-router
  • axios
  • socket.io connection with namespaces & authorization
  • vue-websocket
  • Jade
  • Webpack 4
  • SCSS
  • PostCSS with precss and autoprefixer
  • Babel
  • Passwordless mode
  • Passport.JS
  • Social signup/login with Facebook, Google, Twitter, and Github
  • API key authentication for REST API calls
  • Toastr
  • vue-form-generator
• Supported remote logging services:
  • Papertrail
  • Graylog
  • LogEntries
  • Loggly
  • Logsene
  • Logz.io

Installation

1. Install dependencies:

   npm install
   

2. For development, build web app scripts and styles:

   npm run dev
   

3. For production, build the docker images:

   npm run build
   

4. Start the images:

   npm run start
   

Summary

The Vue, Express, MongoDB full-stack JS Boilerplate is a comprehensive starter code repo that provides the necessary functions for building a full-stack web application using VueJS, ExpressJS, and MongoDB. It includes server-side and client-side features, as well as support for social signup/login and API key authentication. The project also offers support for various remote logging services. Overall, it serves as a solid foundation for building web apps with a modern tech stack.