{"id":17863988,"url":"https://github.com/fintank/scaffoldv2","last_synced_at":"2025-07-10T17:04:23.104Z","repository":{"id":57248777,"uuid":"55742282","full_name":"FintanK/scaffoldV2","owner":"FintanK","description":"** No longer maintained ** Cross Platform web development with Angular 2, Ionic 2, Gulp. CI pipeline configurations included. MIT License. Created by Fintan Kearney.","archived":false,"fork":false,"pushed_at":"2023-08-04T02:01:30.000Z","size":8032,"stargazers_count":6,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-10-27T09:04:36.874Z","etag":null,"topics":["angular","gulp","ionic","minification","protractor","typescript"],"latest_commit_sha":null,"homepage":"","language":"Java","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/FintanK.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-04-08T02:06:09.000Z","updated_at":"2023-10-06T07:23:30.000Z","dependencies_parsed_at":"2024-10-27T09:14:19.513Z","dependency_job_id":null,"html_url":"https://github.com/FintanK/scaffoldV2","commit_stats":{"total_commits":60,"total_committers":2,"mean_commits":30.0,"dds":"0.19999999999999996","last_synced_commit":"aa80d6b67ac86519c03c5fad0707cdce7e5d04ee"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FintanK%2FscaffoldV2","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FintanK%2FscaffoldV2/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FintanK%2FscaffoldV2/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FintanK%2FscaffoldV2/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FintanK","download_url":"https://codeload.github.com/FintanK/scaffoldV2/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221811388,"owners_count":16884305,"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":["angular","gulp","ionic","minification","protractor","typescript"],"created_at":"2024-10-28T09:06:24.474Z","updated_at":"2024-10-28T09:06:25.180Z","avatar_url":"https://github.com/FintanK.png","language":"Java","readme":"# Scaffold JS 2.0 \n\n[![Build Status](https://travis-ci.org/FintanK/scaffoldV2.svg?branch=master)](https://travis-ci.org/FintanK/scaffoldV2)\n\n** I am no longer maintaining this repo.**\n\nNPM Module http://www.npmjs.com/package/generator-scaffold-web\n\nThe web changes a lot in a year!\n\n**Note:** Angular 2 and Ionic 2 are in Beta right now. Things can and probably will be refactored later.\n\nScaffold V2 is completely re-written from the ground up to use Angular 2 as well as harnessing Ionic 2.\nThe project aims to follow best practices in frontend web development with a component based approach, comprehensive testing (Unit and Behavioural) and the optimization of frontend assets through the proven techniques of concatentation. minification and compression.\n\nThere will be automated processes to ensure that your project's data is as contextual as possible both in the domain of semantic markup and data as well as platform integration out of the box. The web isn't just in the browser anymore.\n\nTemplate configurations are also included to allow you to easily set up things like docker containers, Travis CI buils, IDE configurations and code quality tools.\n\nThis project will be published as an NPM module and Yeoman generator to allow for modularity and reusability. The generator will contain options for customizing the architecture of your application.\n\n# Ionic 2 http://ionicframework.com/docs/v2/\n\n- Hybrid app development\n- Updated design changes\n- Simplicity using a component model\n- Great choice of components\n- No router required but still works with the router component from Angular,\n- Lots of customizable components developed for cross platform compatibility,\n- Completely modular styles.\n- Native scrolling for hybrid apps,\n- Material design\n- Over 900 icons and much more!\n- Ionic native plugins for access to the user's device and hardware. GPS, Bluetooth, Camera, NFC etc.\n- Gulp, SASS (CSS Preprocessor), CommonJS and a new module loader out of the box. No longer using bower.\n- Web animations API! https://w3c.github.io/web-animations/\n- Ionic CLI\n\n\n# Features\n\n- Angular 2 https://angular.io ![](http://www.industrysalestax.com/images/green_checkmark_small.gif)\n- Ionic 2 hybrid app development. Package your web app easily for Android and IOS. ![](http://www.industrysalestax.com/images/green_checkmark_small.gif)\n- Gulp ![](http://www.industrysalestax.com/images/green_checkmark_small.gif)\n- Livereload http://livereload.com ![](http://www.industrysalestax.com/images/green_checkmark_small.gif)\n- Browserify http://browserify.org ![](http://www.industrysalestax.com/images/green_checkmark_small.gif)\n- SASS http://sass-lang.com/ ![](http://www.industrysalestax.com/images/green_checkmark_small.gif)\n- CSS and JS Concatenation and Minification ![](http://www.industrysalestax.com/images/green_checkmark_small.gif)\n- Automatic CSS Vendor prefixing to support older browers ![](http://www.industrysalestax.com/images/green_checkmark_small.gif)\n- CSS and JS Lints ![](http://www.industrysalestax.com/images/green_checkmark_small.gif)\n- HTML minification for production builds if required. Squeeze every last Kb out of your app. ![](http://www.industrysalestax.com/images/green_checkmark_small.gif)\n- Travis configurations to automate and test builds before deployment http://travis-ci.org ![](http://www.industrysalestax.com/images/green_checkmark_small.gif)\n- Editorconfig for code styling http://editorconfig.org/ ![](http://www.industrysalestax.com/images/green_checkmark_small.gif)\n- Auto generated cache manifest file (**Note** This has now been replaced by an offline service worker for providing an offline experience first. This is now better web practice as cache manifest files can be tricky to manage for different sites http://alistapart.com/article/application-cache-is-a-douchebag) ![](http://www.industrysalestax.com/images/green_checkmark_small.gif)\n- Manifest.json file ![](http://www.industrysalestax.com/images/green_checkmark_small.gif)\n- Further compression of assets using express in gzip format (To do)\n- Development and production builds with a watcher to kick off builds when changes are made in development ![](http://www.industrysalestax.com/images/green_checkmark_small.gif)\n- Native notification when builds are completed. ![](http://www.industrysalestax.com/images/green_checkmark_small.gif)\n- Builds run against pagespeed for feedback on app performance ![](http://www.industrysalestax.com/images/green_checkmark_small.gif)\n- Favicons, IOS splash / homescreen icons, Android icons and Windows 8 Tile Icons auto-generated.\n- Protractor for Testing https://angular.github.io/protractor/#/ ![](http://www.industrysalestax.com/images/green_checkmark_small.gif)\n- Karma and Jasmine Testing https://karma-runner.github.io/0.13/index.html http://jasmine.github.io ![](http://www.industrysalestax.com/images/green_checkmark_small.gif)\n- Gulp task listing (just type 'gulp list') ![](http://www.industrysalestax.com/images/green_checkmark_small.gif)\n- Sitemap generation ![](http://www.industrysalestax.com/images/green_checkmark_small.gif)\n\n# What I'm excited about\n- Angular 2! Improved and intuitive templating with better code completion in your IDE.\n- Ionic 2! Build apps for Android and IOS with web technologies.\n- Ionic Native! Only add the components you need.\n- Phonegap build! Take the hassle out of packaging your app for the Google Play and/or the IOS app store.\n- Builds using Travis! Automate builds and tests for every change ensuring code quality into the future.\n- Web Components!\n- Shadow DOM!\n- HTML Imports!\n- ES6!\n\n# Directory structure\n\n    .\n    +-- app\n    +-- gulp-tasks\n    |   +-- css-tasks.js\n    |   +-- html-tasks.js\n    |   +-- img-tasks.js\n    |   +-- js-tasks.js\n    |   +-- performance-tasks.js\n    +-- hooks\n    +-- platforms\n    +-- plugins\n    +-- resources\n    +-- tests\n    +-- www\n    +-- .csslintrc\n    +-- .editorconfig\n    +-- .gitattributes\n    +-- .gitignore\n    +-- .npmignore\n    +-- .travis.yml\n    +-- config.xml\n    +-- gulpfile.js\n    +-- index.html\n    +-- ionic.config.json\n    +-- karma.conf.js\n    +-- package.json\n    +-- protractor.config.js\n    +-- README.md\n\n# Installation\n\n\u003e npm install -g gulp\n\n\u003e npm install -g ionic@beta\n\n\u003e npm install -g protractor\n\n\u003e npm install -g cordova\n\n# Command Line\n\nThe majority of build related tasks are executed using the gulp cli tool.\nFor a full list of available commands enter..\n\n\u003e gulp list\n\nThe ionic cli tool is also of course available. For a full list of available commands..\n\n\u003e ionic -h\n\n# Adding builds for IOS and Android\n\nOn IOS\n\n\u003e npm install -g ios-sim\n\n\u003e ionic platform add ios\n\u003e ionic platform add android\n\n\n\n# Running the application\n\n\u003e ionic serve\n\n\n# Protractor Tests\n\nThe webdriver-manager is a helper tool to easily get an instance of a Selenium Server running. Use it to download the necessary binaries with:\n\n\u003e webdriver-manager update\n\nAnd start the selenium server with..\n\n\u003e webdriver-manager start\n\nEnsure the Selenium server is running and the below command should execute the protractor specs.\n\n\u003e gulp test:protractor\n\n\n# Karma Tests\n\nInstall Karma globally on your system\n\n\u003e npm install -g karma\n\nYou can then run your tests with\n\n\u003e gulp test:karma\n\n\n\n# License\n\nThis source code has a MIT License.\n\n# Further potential and reading Material\n\nBuild your first Web OS TV App\nhttps://developer.lge.com/webOSTV/develop/web-app/getting-started/building-your-first-web-app-webos-tv/\n\nMozilla Packaged Apps\nhttps://developer.mozilla.org/en-US/Marketplace/Options/Packaged_apps\n\nChrome Apps\nhttps://developer.chrome.com/apps/about_apps\n\nAuthoring Yeoman Generators\nhttp://yeoman.io/authoring/\nhttp://code.tutsplus.com/tutorials/build-your-own-yeoman-generator--cms-20040\n\nIonic Lab\nhttp://lab.ionic.io/\n\nIonic 2 Beginner utorial\nhttp://www.gajotres.net/ionic-2-tutorial-lets-create-our-first-application/\n\nIonic Creator\nhttp://ionic.io/products/creator\n\n\nProtractor Documentation\nhttps://angular.github.io/protractor/#/\n\nInstanbul (Test Coverage)\nhttps://github.com/gotwarlost/istanbul\n\nDeployments from Cloud9 IDE (I use this for my personal projects)\nhttps://docs.c9.io/docs/deploying-via-cli\n\nCloud9 Running an Ionic App\nhttps://community.c9.io/t/running-a-ionic-2-application/3965\n\n\n![](http://ionicframework.com/img/ionic-logo-blue.svg)\n![](https://www.npmjs.com/static/images/npm-logo.svg)\n\n\n## TO DO\n\n- Offline first verification and tests\n- Testing across as many platforms as possible.\n- Demo functionality: NPM task to clear files.\n- CLI generator integration.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffintank%2Fscaffoldv2","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffintank%2Fscaffoldv2","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffintank%2Fscaffoldv2/lists"}