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: 11 months 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 8 years ago)
- Default Branch: master
- Last Pushed: 2025-01-19T06:06:42.000Z (about 1 year ago)
- Last Synced: 2025-02-27T16:56:23.790Z (12 months ago)
- Topics: angular, bootstrap, express, firebase, gitflow, heroku, html5, javascript, mongodb, nodejs, travis, typescript, webpack
- Language: CSS
- Homepage: https://booklibraryangular.firebaseapp.com
- Size: 355 KB
- Stars: 2
- Watchers: 3
- Forks: 2
- Open Issues: 32
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://travis-ci.org/alanmacgowan/BookLibrary.Angular)
[](https://ci.appveyor.com/project/alanmacgowan/booklibrary-angular)
[](https://david-dm.org/alanmacgowan/BookLibrary.Angular)
[](https://david-dm.org/alanmacgowan/BookLibrary.Angular#info=devDependencies)
[](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