[app-name]/ # app root directory
  |__.build/ # automatic build output directory
  |__.dist/  # distribution code
  |__app/    # container for all user-generated app code
  |   |__components/ # stateless components (e.g. features, shared UI widgets, shared services etc.)
  |   |    |__[component-1] # component 1, e.g `auth`, `profile`, `dashboard` etc.
  |   |    |    |__app.js     # module definition and dependencies
  |   |    |    |__config.js  # config (constants, values, states, routes etc.)
  |   |    |    |__[name]-animation.js        # component specific animation
  |   |    |    |__[name]-animation_test.js   # animation unit test
  |   |    |    |__[name]-filter.js           # component specific filter
  |   |    |    |__[name]-filter_test.js      # filter unit test
  |   |    |    |__[name]-directive.js        # component specific directive (can be a UI widget)
  |   |    |    |__[name]-directive_test.js   # directive unit test
  |   |    |    |__[name]-model.js            # component specific model
  |   |    |    |__[name]-model_test.js       # model unit test
  |   |    |    |__[name]-service.js          # component specific service
  |   |    |    |__[name]-service_test.js     # service unit test 
  |   |    |    |__[component-1].{scss|less}      # component specific CSS
  |   |    |    |__[image-name].{png|gif|jpg}     # component specific images
  |   |    |    |__data/ # component specific JSON data files and related assets
  |   |    |    |__i18n/ # resource files with locale specific localization rules for this component
  |   |    |    |   |__en-US/
  |   |    |    |   |   |__[resource-name-1].json
  |   |    |    |   |   |__[resource-name-2].json
  |   |    |    |   |   |__...
  |   |    |    |   |__fr-FR/
  |   |    |    |      |__...
  |   |    |    |
  |   |    |    |__vendor/ # 3rd party libs used by this component
  |   |    |    |__[sub-component-1.1]/ # sub-component of component 1, e.g. `signin` or `signout`
  |   |    |         |__config.js   # subcomponent specific config
  |   |    |         |__[name]-animation.js # subcomponent specific animation
  |   |    |         |__...         # same structure as `component-1`, except `app.js` module definition
  |   |    |__[component-2] # component 2, e.g. `video-player`, `analytics`, etc.
  |   |    |    |__...
  |   |    |__utils/ # a collection of various utilities not specific to any component, usually implemented as JS pure functions
  |   |         |__checkmark-filter.js
  |   |         |__checkmark-filter_test.js
  |   |         |__string-parser-service.js
  |   |         |__string-parser-service_test.js
  |   |         |__...
  |   |
  |   |__layouts/ # layout specific partials
  |   |    |__default.html # default application layout
  |   |    |__home.html   # home page layout, if different from default
  |   |    |__public.html # public section layout, if different from default
  |   |    |__secure.html # secure section layout, if different from default
  |   |    |__...
  |   |
  |   |__states/ # application UI states (can be 'routes/' if a concept of states is not used)
  |   |    |__[ui-state-1]/ # ui state 1
  |   |    |    |__app.js     # state module definition and dependencies
  |   |    |    |__config.js  # state specific config
  |   |    |    |__[view-name]-controller.js          # state controller
  |   |    |    |__[view-name]-controller_test.js     # state controller unit test
  |   |    |    |__[view-name].html                       # state view template
  |   |    |    |__[ui-state-1].scss                      # state specific CSS
  |   |    |    |__[image-name].{png|gif|jpg}             # state specific image(s)
  |   |    |    |__i18n/ # resource files with locale specific localization rules for this state
  |   |    |    |__[ui-state-1.1]/ # child ui state 1.1
  |   |    |         |__app.js   # child state module definition and dependencies
  |   |    |         |__config.js   # child state specific config
  |   |    |         |__[ui-state-1.1]-controller.js      # child state controller
  |   |    |         |__[ui-state-1.1]-controller_test.js # child state controller unit test
  |   |    |         |__[view-name].html                  # child state view template
  |   |    |         |__[ui-state-1.1].scss               # child state specific CSS
  |   |    |         |__[image-name].{png|gif|jpg}        # child state specific image(s)
  |   |    |         |__i18n/ # resource files with locale specific localization rules for this state
  |   |    |__[ui-state-2]/ # ui state 2
  |   |         |__...
  |   |
  |   |__app.js    # global app module definition and dependencies
  |   |__config.js # global config (constants, values, states, routes etc.)
  |   |__index.html    # main application bootstrap entry page
  |
  |__bower_components/ # 3rd party vendor client libraries global to the entire app
  |   |__angular/
  |   |__angular-animate/
  |   |__font-awesome/
  |   |__lo-dash/
  |   |__...
  |
  |__config/ # project related config files
  |   |__karma.js      # karma unit test runner config
  |   |__protractor.js # protractor e2e test runner config
  |
  |__node_modules/ # 3rd party vendor node.js modules global to the entire app
  |   |__chai/
  |   |__gulp/
  |   |__gulp-grep/
  |   |__...
  |
  |__scripts/ # shell executable and config scripts
  |   |__...
  |   
  |__tests-e2e/ # end-to-end tests
  |   |__page-objects/ # collection of page objects
  |   |    |__[page-object-name].js # page object
  |   |__[test-name].js # e2e test
  |   |__...
  |
  |__tests-request/ # request tests (e.g. 3rd party API's are mocked)
  |   |__...
  |
  |__bower.json
  |__gulpfile.json
  |__package.json 
  |__README.md
  |__...