BookLibrary.Angular [In Progress]

Angular 2 sample application
Using:

• Angular 2
• TypeScript
• Webpack
• npm
• Node js
• Express
• MongoDB
• Mongoose
• Bootstrap
• JQuery
• HTML
• Travis & Appveyor (CI)
• Firebase (Hosting UI - Angular)
• Heroku (Hosting API - Node js)
• karma
• jasmine

Diagram

Deployed version (Deployed by travis after successful build):

https://booklibraryangular.firebaseapp.com

Quick start

# clone the repository
$ git clone https://github.com/alanmacgowan/BookLibrary.Angular.git myapp
# change directory to your app
$ cd myapp
# install dependencies with npm
$ npm install
# build the app and start the server
$ npm start

This will open a browser in http://localhost:8080/ and start the Express server on http://localhost:3000/.

DEV

After installing all dependencies with npm you can start the server:

• npm start

It will start a local server using webpack-dev-server which will watch, build (in-memory), and reload automatically, you don’t need to reload the page.

PROD

To build the application :

• npm run build

webpack will bundle the application and all necessary files in the /dist folder that you can deploy to the server.

General

Directory structure

The directory structure looks like:

```
.
├── app
│ ├── config
│ │ ├── helpers.js
│ │ ├── webpack.aot.js
│ │ ├── webpack.dev.js
│ │ └── webpack.prod.js
│ ├── dist
│ ├── node_modules
│ ├── src
│ │ ├── client
│ │ │ ├── app
│ │ │ │ └── author
│ │ │ │ └── book
│ │ │ │ …
│ │ │ ├── images
│ │ │ ├── script
│ │ │ ├── styles
│ │ │ ├── index.html
│ │ │ ├── main.aot.ts
│ │ │ ├── main.ts
│ │ │ ├── polyfills.ts
│ │ │ └── vendor.ts
│ │ └── server