knofler / ididapp

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

angular-fullstack-base

This is my customized angular full stack base

Base angular fullstack generated from

https://github.com/DaftMonk/generator-angular-fullstack

Then couple of modification made to make it usable out of the box,

  1. Change made to .yo-rc.json to enable default directory as client/app/ instead of app/components/ , which gives better management for all app related controller and routes and directives in one place.
  2. Made some modification to .gitignore so bootstrap files always available after clone.
  3. Routes to components directory by default disabled, which disables modal launch from components directory. That enabled, so out of the box modal will be working.
  4. ngReact for react component added to angular app through bower, which made ngReact enabled.
  5. D3 library injected to index.html
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
  1. meSpeak library made available for web audio API
<script src='http://www.masswerk.at/mespeak/mespeak.js'></script>
  1. SimpleWebRTC Api made available
<script src="https://simplewebrtc.com/latest.js"></script>
  1. Other CDN for webRTC made available for easy webrtc connectivity and out of the box access
  2. Specific asset folder with certain file type added to dist/files for public access
  3. Bootstrap.js enabled by taking bootstrap.js out of bower injection exclusion list.
  4. ui.select2 added as bower dependency. ( https://github.com/angular-ui/ui-select2 )
  5. ui.sortable added as bower dependency. ( https://github.com/angular-ui/ui-sortable ).
  6. ui-select replaced ui.select2.(https://github.com/angular-ui/ui-select).
  7. Polymer added as bower dependency (https://github.com/polymer/polymer).
  8. Polymer core elements included (bower install --save Polymer/core-elements) and Polymer paper elements included (bower install --save Polymer/paper-elements).
  9. Element structure introduced for easy injection of custom polymer element to through out the apps, style sheet being separated and linked to custom polymer element.
  10. Gruntfile wiredep excludes polymer and webcomponents to avoid multiple injection of polymer.html "exclude: [/polymer/, /webcomponentsjs/]"
  11. Gruntfile modified to add '<%= yeoman.client %>/elements/{,//}*.{png,jpg,jpeg,gif,webp,svg,html,js,json}' to include polymer custom elements directory into livereload list.
  12. Smooth Scroll menu available for single page application in angular framework,using $location.hash(id) and $anchorScroll() service.
  13. reactComponent listed in components/reactComponents/reactClass.js, individual angular directives will have access to these reactClasses through out the app for view rendering.
  14. Firebase element added as bower dependency and included in element list for global access through out the app for api connection to firebase as source for data.(bower install --save firebase) && (bower install --save Polymer/firebase-element).
  15. Elements directory made available for production apps via grunt, 'elements/**/*' included in public directory by grunt copy task.

About


Languages

Language:JavaScript 58.2%Language:CSS 36.1%Language:HTML 4.1%Language:ApacheConf 1.7%