https://github.com/santteegt/angular2-meteor-ionic2-base
angular2-meteor-ionic2 Boilerplate ready to develop Webapps
https://github.com/santteegt/angular2-meteor-ionic2-base
angular2-meteor ionic2 meteor npm
Last synced: 21 days ago
JSON representation
angular2-meteor-ionic2 Boilerplate ready to develop Webapps
- Host: GitHub
- URL: https://github.com/santteegt/angular2-meteor-ionic2-base
- Owner: santteegt
- License: mit
- Created: 2016-12-21T02:43:02.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2016-12-22T03:20:15.000Z (over 8 years ago)
- Last Synced: 2025-02-10T11:36:38.361Z (3 months ago)
- Topics: angular2-meteor, ionic2, meteor, npm
- Language: TypeScript
- Homepage:
- Size: 21.5 KB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Angular2-Meteor-Ionic2 Boilerplate
[](https://www.bithound.io/github/santteegt/angular2-meteor-ionic2-base) [](https://www.bithound.io/github/santteegt/angular2-meteor-ionic2-base/master/dependencies/npm)
## Usage
```
git clone https://github.com/santteegt/angular2-meteor-ionic2-base.git
cd angular2-meteor-ionic2-base
meteor add-platform android
meteor add-platform ios
```
## NPM Scripts
This boilerplate comes with predefined NPM scripts, defined in `package.json`:
- `$ npm run start` - Run the Meteor application.
- `$ npm run start:prod` - Run the Meteor application in production mode.
- `$ npm run build` - Creates a Meteor build version under `./build/` directory.
- `$ npm run clear` - Resets Meteor's cache and clears the MongoDB collections.
- `$ npm run meteor:update` - Updates Meteor's version and it's dependencies.
- `$ npm run test` - Executes Meteor in test mode with Mocha.
- `$ npm run test:ci` - Executes Meteor in test mode with Mocha for CI (run once).
## Boilerplate Contents
This boilerplate contains the basics that requires to quick start with Angular2-Meteor application.
This package contains:
- TypeScript support (with `@types`) and Angular 2 compilers for Meteor
- Angular2-Meteor
- Angular 2 (core, common, compiler, platform, router, forms)
- Ionic2 (v2.0.0-rc.4)
- SASS, LESS, CSS support (Also support styles encapsulation for Angular 2)
- Testing framework with Mocha and Chai
- [Meteor-RxJS](http://angular-meteor.com/meteor-rxjs/) support and usage
This application also contains demo code:
- Main Component (`/client/app.component`)
- Demo Child Component (`/client/imports/demo/demo.component`)
- Demo Service (`/client/imports/demo/demo-data.service`)
- Demo Mongo Collection (`/both/demo.collection.ts`) with a TypeScript interface as model.
The Main component loads the child component, which uses the demo service that gets it's data from the demo collection.
### Folder Structure
The folder structure is a mix between [Angular 2 recommendation](https://johnpapa.net/angular-2-styles/) and [Meteor 1.3 recommendation](https://guide.meteor.com/structure.html).
### Client
The `client` folder contains single TypeScript (`.ts`) file which is the main file (`/client/app.component.ts`), and bootstrap's the Angular 2 application.
The main component uses HTML template and SASS file.
The `index.html` file is the main HTML which loads the application by using the main component selector (``).
All the other client files are under `client/imports` and organized by the context of the components (in our example, the context is `demo`).
### Server
The `server` folder contain single TypeScript (`.ts`) file which is the main file (`/server/main.ts`), and creates the main server instance, and the starts it.
All other server files should be located under `/server/imports`.
### Common
Example for common files in our app, is the MongoDB collection we create - it located under `/both/demo-collection.ts` and it can be imported from both client and server code.
### Testing
The testing environment in this boilerplate based on [Meteor recommendation](https://guide.meteor.com/testing.html), and uses Mocha as testing framework along with Chai for assertion.
There is a main test file that initialize Angular 2 tests library, it located under `/client/init.test.ts`.
All other test files are located near the component/service it tests, with the `.test.ts` extension.
The `DemoComponent` contains example for Angular 2 tests for Component, and in the server side there is an example for testing Meteor collections and stub data.