{"id":15612060,"url":"https://github.com/hypercubed/angular2-example","last_synced_at":"2025-08-25T20:04:53.323Z","repository":{"id":66193227,"uuid":"43004279","full_name":"Hypercubed/angular2-example","owner":"Hypercubed","description":"Angular 2!","archived":false,"fork":false,"pushed_at":"2016-01-14T04:37:19.000Z","size":14767,"stargazers_count":4,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-08-25T20:04:50.617Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://hypercubed.github.io/angular2-example/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Hypercubed.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-09-23T13:58:20.000Z","updated_at":"2025-04-23T20:06:55.000Z","dependencies_parsed_at":"2023-03-17T22:30:23.920Z","dependency_job_id":null,"html_url":"https://github.com/Hypercubed/angular2-example","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Hypercubed/angular2-example","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hypercubed%2Fangular2-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hypercubed%2Fangular2-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hypercubed%2Fangular2-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hypercubed%2Fangular2-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Hypercubed","download_url":"https://codeload.github.com/Hypercubed/angular2-example/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hypercubed%2Fangular2-example/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272124751,"owners_count":24877720,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-25T02:00:12.092Z","response_time":1107,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-03T06:21:42.761Z","updated_at":"2025-08-25T20:04:53.279Z","avatar_url":"https://github.com/Hypercubed.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular 2 + JSPM!\n\nA simple example of Angular 2 using JSPM/SystemJS.\n\nThis repo is an example of [Angular 2](https://angular.io/) application using [SystemJS](https://github.com/systemjs/systemjs) and [JSPM](http://jspm.io/).  In this example I use NPM for all development tools and build scripts (no gulp or grunt).  The front end resources are installed and managed using JSPM and loaded using SystemJS (the Universal dynamic module loader).  JavaScript resources, styles and templates are dynamically loaded during development and bundled for production using [SystemJS builder](https://github.com/systemjs/builder) via the JSPOM cli.  \n\n* Angular2 Beta-0\n* ES6 syntax and modules (+ES7 Decorators) via Babel (no typescript)\n* [Twitter Bootstrap](http://getbootstrap.com/)\n* Manage front end resources using JSPM\n* Load resources using SystemJS\n* Bundle builds via SystemJS Builder\n* Template and styles compilation via SystemJS plugins\n* [Semi-Standard Style](https://github.com/Flet/semistandard) (because languages have punctuation)\n* gh-pages deploy via [tschaub/gh-pages](https://github.com/tschaub/gh-pages)\n* Routing capability\n\n## How is JSPM/SystemJS different from WebPack\n\nGood explanation [here](https://github.com/angularclass/NG6-starter/tree/jspm#how-is-this-different-than-webpack).\n\n## Quick start\n\n```bash\ngit clone --depth 1 https://github.com/Hypercubed/angular2-example.git\ncd angular2-example\nnpm install\nnpm start\n```\n\n## Other commands\n\n- `npm run check` -  run semi-standard on application files\n- `npm run bundle` - bundle resources and inject into SystemJS config\n- `npm run unbundle` - unbundle resources and remove bundle\n- `npm run start:dist` - bundle and start server\n- `npm run deploy` - bundle, deploy to gh-pages, unbundle\n\n## File Structure\n\nThis example follows the [angular-cli](https://github.com/angular/angular-cli) structure.\n\n```\nroot/\n ├──src/\n │   ├──jspm_packages/\n │   ├──app/\n │   │   ├──components/\n │   │   ├──services/\n │   │   ├──pipes/\n │   │   ├──main.js\n │   │   ├──main.html\n │   │   └──main.css\n |   ├──app.js\n |   ├──index.html\n |   ├──config.js\n |   ├──build.js\n |   └──build.js.map\n ├──package.json\n └──README.md\n```\n\n## Other Example Repos\n\n* [angular2-go](https://github.com/johnpapa/angular2-go) (John Papa)\n  - TypeScript, SystemJS\n* [ng2-jspm-seed](https://github.com/robwormald/ng2-jspm-seed) (Rob Wormald)\n  - TypeScript, Gulp, JSPM\n* [babel-angular2-app](https://github.com/shuhei/babel-angular2-app) (Shuhei Kagawa)\n  - Babel, ES6+, Gulp, Karma, Browserify\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhypercubed%2Fangular2-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhypercubed%2Fangular2-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhypercubed%2Fangular2-example/lists"}