{"id":13652565,"url":"https://github.com/MaksimAbramchuk/ionic-gulp-es6-starter-kit","last_synced_at":"2025-04-23T03:31:00.406Z","repository":{"id":82170277,"uuid":"44434632","full_name":"MaksimAbramchuk/ionic-gulp-es6-starter-kit","owner":"MaksimAbramchuk","description":":video_game: Simple boilerplate for building Ionic apps with help of Gulp and ES6","archived":false,"fork":false,"pushed_at":"2017-05-05T12:24:16.000Z","size":3666,"stargazers_count":76,"open_issues_count":2,"forks_count":26,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-12-06T21:05:56.190Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MaksimAbramchuk.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2015-10-17T11:28:58.000Z","updated_at":"2024-10-10T19:07:43.000Z","dependencies_parsed_at":null,"dependency_job_id":"22be6e0f-9b09-4ba4-8227-cd9dfc470027","html_url":"https://github.com/MaksimAbramchuk/ionic-gulp-es6-starter-kit","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaksimAbramchuk%2Fionic-gulp-es6-starter-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaksimAbramchuk%2Fionic-gulp-es6-starter-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaksimAbramchuk%2Fionic-gulp-es6-starter-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaksimAbramchuk%2Fionic-gulp-es6-starter-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MaksimAbramchuk","download_url":"https://codeload.github.com/MaksimAbramchuk/ionic-gulp-es6-starter-kit/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250365378,"owners_count":21418680,"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","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-08-02T02:01:00.535Z","updated_at":"2025-04-23T03:30:57.040Z","avatar_url":"https://github.com/MaksimAbramchuk.png","language":"JavaScript","funding_links":[],"categories":["Hybrid Mobile App Frameworks"],"sub_categories":[],"readme":"#Ionic Gulp boilerplate\nIonic application boilerplate for Gulp and ES6\n\n![Ionic and Angular](http://moduscreate.com/wp-content/uploads/2014/01/ionic-angular-opti.png)\n\n##Features\n* ES6 instead of ES5\n* SCSS instead of CSS\n* Automatic compilation\n* Livereload\n* Development build with source maps\n* Automatic bower components injection\n* Automatic scripts and stylesheets injection\n\n##Usage\n\n##Installation process\n\nFor the first you need to install Node packages by running:\n\n```sh\nnpm install\n```\n\nafter that install bower components by running\n\n```sh\nbower install\n```\n\nBoth `bower` and `npm` must be installed globally at your local machine.\n\nYou are ready to start the server.\n\n###Running the App during Development\nThis command automatically compiles ES6 to ES5, scss, injects bower components, generates source maps, starts livereload server and opens your app in the browser.\n\n```sh\ngulp serve\n```\n###Mobile app\nWhen your app is interesting enough to be tested on mobile device, create a build.\n\nDon't forget to compile from sources:\n```sh\ngulp\n```\n\nAnd then we can create the build for iOS:\n\n```sh\nionic build ios\n```\n\nand even test it, if you use OS X:\n\n```sh\nionic emulate ios\n``` \n\nMore info about builds, including Android, can be found in Ionic tutorial.\n \nOne more interesting feature Ionic has: Ionic View. It's amazing thing and I recommend you to try it - pretty simple to use and saves tones of time for debug and testing on real devices. To start, just run:\n\n```sh\nionic upload\n```\n\n##Directory layout\n\n### Source\n\n```sh\nangular-gulp-ionic-boilerplate\n└── src\n    ├── app                  # application folder\n    │   ├── components       # components folder\n    │   ├── locations        # locations folder\n    │   ├── index.config.js  # config file\n    │   ├── index.module.js  # main angular module\n    │   ├── index.route.js   # ui router config\n    │   ├── index.run.js     # file with run loop\n    │   └── index.scss       # main scss file\n    └── assets               # assets folder\n        ├── images           # images folder\n        ├── favicon.ico      # favicon\n        └── index.html       # main page which will be rendered to a client\n```\n\n##Build pack\n\n![Ionic](http://dndigital.net/wp-content/uploads/2015/03/ionic-logo-blog-767x355.png)\n![Angular](https://upload.wikimedia.org/wikipedia/commons/thumb/c/ca/AngularJS_logo.svg/695px-AngularJS_logo.svg.png)\n![Gulp](https://avatars0.githubusercontent.com/u/6200624?v=3\u0026s=400)\n![Babel](https://avatars0.githubusercontent.com/u/9637642?v=3\u0026s=400)\n![SCSS](http://sass-lang.com/assets/img/logos/logo-b6e1ef6e.svg)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMaksimAbramchuk%2Fionic-gulp-es6-starter-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMaksimAbramchuk%2Fionic-gulp-es6-starter-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMaksimAbramchuk%2Fionic-gulp-es6-starter-kit/lists"}