https://github.com/alanmacgowan/booklibrary.angular

Sample Angular 2 application
https://github.com/alanmacgowan/booklibrary.angular

angular bootstrap express firebase gitflow heroku html5 javascript mongodb nodejs travis typescript webpack

Last synced: 19 days ago
JSON representation

Sample Angular 2 application

• Host: GitHub
• URL: https://github.com/alanmacgowan/booklibrary.angular
• Owner: alanmacgowan
• License: mit
• Created: 2017-07-15T03:36:21.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2024-07-27T10:59:11.000Z (4 months ago)
• Last Synced: 2024-10-14T07:45:20.708Z (about 1 month ago)
• Topics: angular, bootstrap, express, firebase, gitflow, heroku, html5, javascript, mongodb, nodejs, travis, typescript, webpack
• Language: CSS
• Homepage: https://booklibraryangular.firebaseapp.com
• Size: 349 KB
• Stars: 2
• Watchers: 3
• Forks: 2
• Open Issues: 30
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![Build Status](https://travis-ci.org/alanmacgowan/BookLibrary.Angular.svg?branch=master)](https://travis-ci.org/alanmacgowan/BookLibrary.Angular)

[![Build status](https://ci.appveyor.com/api/projects/status/b8sk8ve5i9vjn7g2?svg=true)](https://ci.appveyor.com/project/alanmacgowan/booklibrary-angular)

[![Dependency Status](https://david-dm.org/alanmacgowan/BookLibrary.Angular.svg)](https://david-dm.org/alanmacgowan/BookLibrary.Angular)

[![devDependency Status](https://david-dm.org/alanmacgowan/BookLibrary.Angular/dev-status.svg)](https://david-dm.org/alanmacgowan/BookLibrary.Angular#info=devDependencies)

[![Coverage Status](https://coveralls.io/repos/github/alanmacgowan/BookLibrary.Angular/badge.svg?branch=master)](https://coveralls.io/github/alanmacgowan/BookLibrary.Angular?branch=master)

# 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](https://booklibraryangular.firebaseapp.com])

### Quick start

```bash

# 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/](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