A fast โฉ, simple Node.js/Express + MongoDB + Vue.js web app boilerplate project. This template provides a set of best-practice setups and avoids common mistakes. Hopefully useful for hackathons... ๐ โก
$ git clone https://github.com/cktang88/express-boilerplate
$ cd express-boilerplate
$ npm i --dev
$ npm start
Then go visit http://localhost:8000
- Express - Web framework for Node.js
- MongoDB - Database for fast prototyping
- node-dev - Automatic server reload, much more lightweight than
nodemon
b/c doesn't require 9MBchokidar
- Bunyan - Easy JSON logging.
- Vue.js
- Spectre.css - lightweight CSS-only framework that uses native HTML tags. A third the size of Bulma.css, a quarter the size of Bootstrap css.
- SockJS - Websockets client-server communication
- Eslint - Javascript linting
- node-fetch - server-side HTTP requests using browser
window.fetch()
api, < half MB (much more lightweight than Request) - Security via CORS and Helmet.js
- Fast prototyping - get up and running immediately.
- Simple, zero-config - no need to manually set up config files.
- Lightweight, no module bloat - total node_modules size is just 20MB.
.
โโโ logs
โโโ node_modules
โโโ public
โ โโโ lib
โ โ โโโ sock.min.js
โ โ โโโ spectre.min.css
| โ โโโ vue.min.js
โ โโโ domhelpers.js
โ โโโ index.html
โ โโโ index.js
โโโ server
โ โโโ dbManager.js
โ โโโ logger.js
โ โโโ server.js
โโโ tests
Code linting with AirBnB's style guide:
$ npm run lint
TODOS: use Sass w/ node-sass-middleware, or similar
This work is licensed under the The MIT License