MeanStack Boilerplate with angular 6

preview

install

after cloning npm i in the root directory. (this also builds the dist folder for the first time)

sources:

This project was generated with Angular CLI version 1.5.0. and the express-generator version 4.15.5.

Development server

Run ng serve for a dev (frontend)server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files. Run node server.js for your express server http://localhost:3000/

Because the node server also watches the dist folder, you could use nodemon server.js instead. if you then make changes to your angular app simply type ng build in another window and the server will automaticly restart.

Code scaffolding (angular cli)

Run ng generate component componentname to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

structure

server contains all server related stuff.

• "e2e" Test related stuff. (for angular only )
• "src" your angular project.
• "dist" the build version of your angular app (compressed)
• node

database

to connect to a database simple add a .env file in the root and type MONGOURI = mongodb://localhost:27017/whatever_you_want_the_database_to_be_called