/vuejs-boilerplate

Vue + Express + Passport + Postgres Boilerplate

Primary LanguageJavaScript

vuejs-boilerplate

Status Update from Owner

Hi all, just wanted to chime in here as I've obviously been quite inactive hah... I'm currently on vacation and will be back to full working force around June 7th (one week from now).

My status update:

I essentially forked this project and created a 'new' boilerplate for myself (currently private on gitlab) as I'm hoping to launch a few MVPs with it.

It still uses this boilerplate as a basis, but I've added a few things and improved a lot:

Sparkpost email integration Authentication/roles fully complete using JWT Fully deployed (after many hours of struggle!) Various improvements to everything like UI, server code, etc

Here you can see the working prototype... I'm hoping to launch this in the next few weeks, if you guys want to go through and try and break things, please give it a shot!

www.travelcurated.com

So essentially, when this travel curated site is MVP ready (soon) I will be cloning it, stripping it of all travel related specifics, rebranding it as the vue-boilerplate, and then I will release it into the wild in this repo (or another one, we will see).

That will put this repo as an almost 100% ready to clone boilerplate where you guys can clone it and launch a site quickly (which was my original purpose with this project).


A Vue.js Boilerplate Project

Includes

  • Vue.js 2.0
  • Express
  • Passport
  • Postgres

Build Setup

Client side

# move to client directory
cd client

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

Server side

Load PostgreSQL database with create_tables.sql file in 'server/sql'.

# move to server directory
cd server

# install dependencies
npm install

# run the server
DATABASE_URL='postgres://postgres@localhost:5432/todo' \
email='myemail@gmail.com' \
password='mypassword' \
PORT=3000 \
npm start

CHANGE LOG

0.5

  • Switched to Postgres as database
  • Removed Vue-Auth - will be building my own solution for it.
  • Login + Register works, CRUD works for Todo List items.

0.3

  • Refactored all code to Vue JS 2.0 (with updated vue-webpack template)
  • Switched from Bulma CSS library to Bootstrap 4.0 Alpha (looks great now)
  • Login no longer works but register + listing of users works perfectly.

0.2

  • Vue-Auth working properly now, shows user data with $auth.user().email, etc.
  • Register/Login/Logout works, needs more error checking though

0.1

  • Vue-auth + Passport JS working together for Authentication
  • RethinkDB connected and hosts the user accounts
  • Bulma.io CSS library for UI

TODO LIST

  • Basic CRUD
  • More advanced user system (roles + forgot password)
  • Deploy to a demo server for people to try out + test
  • Better error handling (almost none now)