https://github.com/nathanwalker/nativescript-ng2-windchimes
A NativeScript + Angular2 wind chime app for iOS and Android.
https://github.com/nathanwalker/nativescript-ng2-windchimes
Last synced: 10 months ago
JSON representation
A NativeScript + Angular2 wind chime app for iOS and Android.
- Host: GitHub
- URL: https://github.com/nathanwalker/nativescript-ng2-windchimes
- Owner: NathanWalker
- Created: 2016-05-05T04:54:29.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2016-05-20T23:58:02.000Z (about 10 years ago)
- Last Synced: 2025-08-21T11:06:14.992Z (10 months ago)
- Language: TypeScript
- Homepage:
- Size: 3.16 MB
- Stars: 12
- Watchers: 3
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NativeScript Windchimes Sample
This repo contains a NativeScript-built app for creating windchimes with Angular 2. The app was inspired by [Tero Parviainen’s talk at ng-conf 2016](https://www.youtube.com/watch?v=vsl5O4ps7LE), and the initial version of this application was built in three hours—all to show how easy it is to take an Angular-2-built web app and run it on iOS and Android using NativeScript.

> Note: The gif doesn’t do the app justice. To see the app with sound either [watch the app on YouTube](https://www.youtube.com/watch?v=DliOcLTvr_A), or download it from the App Store or Google Play with the buttons below.
[](https://itunes.apple.com/us/app/nativescriptangularwindchimes/id1115915100?mt=8)
[](https://play.google.com/store/apps/details?id=org.nativescript.nativescriptng2windchimes&hl=en)
## Development
To run the NativeScript Windchime sample you need to complete the [NativeScript system setup](http://docs.nativescript.org/angular/tutorial/ng-chapter-1.html#11-install-nativescript-and-configure-your-environment) on your development machine. After that clone this repo:
```
git clone https://github.com/NathanWalker/nativescript-ng2-windchimes.git
cd nativescript-ng2-windchimes.git
```
Run `tns install` to install this app’s dependencies:
```
tns install
```
Next, use the `tns run` command to see the app in action:
```
tns run ios --emulator
tns run android --emulator
```
Finally, use the `tns livesync` command to setup a watcher that will automatically push out your changes:
```
tns livesync ios --emulator --watch
tns livesync android --emulator --watch
```