Angular 2 Full Stack project

The front-end of this project was generated with Angular CLI.

This project uses the MEAN stack:

• Mongoose.js (MongoDB): database
• Express.js: backend framework
• Angular 2: frontend framework
• Node.js: runtime environment
• Angular CLI: project scaffolding
• Bootstrap: layout and styles
• Font Awesome: icons

Prerequisites

1. Install Node.js and MongoDB
2. Install Angular CLI: npm i -g @angular/cli
3. From project root folder install all the dependencies: npm i

Run

1. npm start: concurrently execute MongoDB, Angular build and Express server
2. Go to localhost:3000

Angular and Express files are being watched. Any change creates a new bundle and restart Express server.

Use npm run prod to run the project with a production bundle and AOT compilation.

Deploy (Heroku)

1. Go to Heroku and create a new app
2. Install Heroku CLI
3. heroku login
4. cd my-project/
5. git init
6. heroku git:remote -a your-app-name
7. Download this repo and copy all files into my-project folder
8. Edit .gitignore and remove line with /dist
9. Edit in package.json the start script to: "start": "node src/server/app.js"
10. Edit in app.js the url of MongoDB server to a real server. You can create a MongoDB server with Heroku or mLab.
11. npm i
12. ng build -prod or ng build -aot -prod
13. git add .
14. git commit -m "Going to Heroku"
15. git push heroku master
16. heroku open
17. A window will open with your app online

Preview

Please open an issue if

• you have any suggestion to improve this project
• you noticed any problem or error
• you have a question

To do

• Browser auto-reload on changes
• Some tests

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve.

Further help

To get more help on the angular-cli use ng --help or go check out the Angular-CLI README.

Author

• Davide Violante