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