https://github.com/vovansuper/mean-dummy
A dummy MEAN (MongoDB, Express4, @Angular(2), Node.js) project
https://github.com/vovansuper/mean-dummy
angular babel babeljs gulp4 gulpjs mongodb mongoosejs nodejs nodemon passportjs typescript webpack
Last synced: 2 months ago
JSON representation
A dummy MEAN (MongoDB, Express4, @Angular(2), Node.js) project
- Host: GitHub
- URL: https://github.com/vovansuper/mean-dummy
- Owner: VovanSuper
- License: mit
- Created: 2017-01-19T19:46:14.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-12-19T17:10:56.000Z (over 7 years ago)
- Last Synced: 2025-03-02T01:33:31.689Z (3 months ago)
- Topics: angular, babel, babeljs, gulp4, gulpjs, mongodb, mongoosejs, nodejs, nodemon, passportjs, typescript, webpack
- Language: CSS
- Size: 521 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# MEAN-dummy sample project
[](https://ci.appveyor.com/project/vladimir-ovsyukov/mean-dummy-b3k2e/branch/master)
[](https://travis-ci.org/VovanSuper/MEAN-dummy)
### A dummy (a very basic) MEAN (MongoDB, Express4, @Angular(2), Node.js) project
Software Stack used:
* [MongoDB](https://www.mongodb.com/)
* [Angular](http://angular.io)
* [Express.js](http://expressjs.com)
* [Node.js](http://nodejs.org)
* [Typescript](http://www.typescriptlang.org/)
* [ECMA2015](http://www.ecma-international.org/ecma-262/6.0/)
* [Gulp.js](http://gulpjs.com/)
* [webpack](http://webpack.github.io/)
* [MongooseJs](http://mongoosejs.com/)
* [BabelJs](http://babeljs.io/)
## Installation
To install dependencies - base npm installation -- `npm i`.
## Starting
Running the project -- `npm start` (or directly run gulp default task -- `gulp`, with, preferably, setting *NODE_ENV*, *PORT* etc )
It creates client project distribution and starts express server serving the web api (will bundle client and compile server code into `./wwwroot` dir):
```shell
npm install && npm start
```
## Development mode
The *dev* mode is run by -- `npm run start:dev`; it'll set *NODE_ENV* to *development* bundle client app (into `wwwroot/dist` dir including assets due to webpack' loaders rules ) and, once client is bundled successfully, start *nodemon* task (starts nodemon with babel-node against code in `./server`).
## Main idea
To build full-stack express/angular(2) app with build system for client (Angular) application, ES6 based server application (aka another simple seed proj);
This is a simple demonstrator project - fully handmade (i.e, no CLIs/generators used) MEAN project with Web apis' exposed for
handmade client app consuming the web api. Build system consists in gulp tasks utilizing webpack and several loaders
for building of the client angular 2 app; Server is a simple express app with es6 modules loaded using `consign` lib; the server code is transpiled into es5-moduled code into `wwwroot` by babel or could be used directly from the root by means of `babel-node`.
To start building process `gulp` (or `npm start` to make production build) command (should have all npm packages installed); after build completes - `index.html` and app bundle are created in `dist` directory;
web api server serving on port 8080 (could be reset by the start).
##### Redistribution
**MIT**
*Copyright (c) Vladimir Ovsyukov <> -- with link required to original sources point*