Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cgmartin/angular-spa-typescript-example
Demo using TypeScript in a client-side Angular single page application
https://github.com/cgmartin/angular-spa-typescript-example
Last synced: 2 days ago
JSON representation
Demo using TypeScript in a client-side Angular single page application
- Host: GitHub
- URL: https://github.com/cgmartin/angular-spa-typescript-example
- Owner: cgmartin
- License: mit
- Created: 2015-04-26T04:37:34.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2016-01-17T16:17:28.000Z (about 9 years ago)
- Last Synced: 2023-03-12T04:11:43.235Z (almost 2 years ago)
- Language: TypeScript
- Size: 109 KB
- Stars: 3
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# angular-spa-typescript-example
[](http://unmaintained.tech/)
[](https://travis-ci.org/cgmartin/angular-spa-typescript-example)
[](https://david-dm.org/cgmartin/angular-spa-typescript-example)
[](https://david-dm.org/cgmartin/angular-spa-typescript-example#info=devDependencies)
## Synopsis
Demonstrates using TypeScript in a client-side Angular single page application with Mocha unit tests and Gulp tasks.
**Caution:** This is an experimental playground that I'm using to learn Gulp and TypeScript. Use at your own risk.
If you run across anything here that could be done better, I'd love the feedback.
This client project is meant to accompany a set of Node.js microservices (REST webservice, Chat Server, Static Server, Reverse Proxy),
and is designed with portability in mind (see [Twelve Factors](http://12factor.net/)).
Application configuration is separated from the application by an initial `/spa-boot.json` request, which can be
deployed as a file or routed to a backing service (depending on environment).
## Installation
1. Install [Node.js](https://nodejs.org/download/)
1. Install Gulp/Bower/TSD/Karma: `npm -g i gulp bower tsd@next karma`
1. Clone this repo
1. Install dependencies: `npm i`
1. Start the app in dev mode: `npm start`
1. Point browser to
After installation, the following actions are available:
* `npm start` : Builds for development, runs a local webserver, and watches for changes.
* `npm test` : Runs TypeScript file linting and unit tests once.
* `karma start` : Runs unit tests continuously, watching for changes.
* `npm run build` : Builds a production distribution under the `dist/` folder, for deployment to a static webserver or CDN.
## Libraries & Tools
The functionality has been implemented by integrating the following 3rd-party tools and libraries:
- [TypeScript](http://www.typescriptlang.org/): A typed superset of JavaScript that compiles to plain JavaScript
- [AngularJS v1](http://angularjs.org/): Superheroic JavaScript MVW Framework
- [Twitter Bootstrap v3](http://getbootstrap.com/): HTML, CSS, and JS framework for developing responsive, mobile first projects on the web
- [Font Awesome](http://fontawesome.io/): The iconic font and CSS toolkit
- [Gulp](http://gulpjs.com/): Streaming build system and task runner
- [Bower](http://bower.io/): A package manager for the web (client-side)
- [TSD](https://github.com/DefinitelyTyped/tsd): TypeScript Definition manager for DefinitelyTyped
- [Node.js](http://nodejs.org/api/): JavaScript runtime environment for server-side development
- [Karma](http://karma-runner.github.io/): Spectacular Test Runner for Javascript
- [Mocha](http://mochajs.org/): The fun, simple, flexible JavaScript test framework
- [Sinon](http://sinonjs.org/): Standalone test spies, stubs and mocks for JavaScript
## License
[MIT License](http://cgm.mit-license.org/) Copyright © 2015 Christopher Martin