mrsteele/angular2-express-starter

Angular 2 and Express :family: ( Heroku ready )

A simple Angular2 Excercise

I have forked an Angular2 starter kit and performed a simple exercise. You will find the original README.md below.

Simple Instructions

Follow these simple instructions to run this repository.

1. Clone the repo.
2. run npm i.
3. run npm run start.
4. Navigate to http://localhost:4002 (unless you have a PORT env variable declared).

The original README.md contents are below.

---

Angular2 Express Starter ( Advanced )

• Angular 2 ( 2.x )
• ExpressJS ( 4.x - with compression )
• Webpack ( angular-cli )

Concepts

• Redux ( NgRx/Store - with server calls)
• Smart & dumb components
• AOT: Ahead-of-Time compilation
• Advanced routing ( lazy loading, router outlets...)

Support

If you’d like to support me developing this project you’re able to do so by donating on PayPal or if you have any special needs/ feature requests don’t hesitate to send me an email.

Install / Development

git clone https://github.com/vladotesanovic/angular2-express-starter
cd angular2-express-starter

# Install dependencies
npm install

# start server
npm run start

# Client url: http://localhost:4200
# Application ( epxress ) API: http://localhost:4300

Install Redux DevTools chrome extenstion:

https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd

Build / Production

npm run build

## Deploy dist folder to app server

Structure of dist folder:

/dist/server <-- expressjs
/dist/client <-- angular2

Note

All html and css are from: http://www.w3schools.com/howto/