AngularJS + Github Demo

The slides for this demo were presented at HoustonJS.

See the Demo!

This project serves as a progressive, working example of a demo application consuming the Github API & using AngularJS.

Part of the discussion will go over recent technology trends

Author

• @ericclemmons

Running the Demo

$ git clone git://github.com/ericclemmons/angular-github-demo.git
$ cd angular-github-demo
$ python -m SimpleHTTPServer 8000

Now open http://localhost:8000/.

You can then use git checkout [BRANCH] to see the app progress!

Features

Follow along with Github to see how these were built!

• 0. - Setup Angular App (ng-app, ng-model, ng-bind)

  • 1. - Project API (https://api.github.com/users/:user/repos)
  • 1.1. - API called for username/organization upon submit
  • 1.2. - Iterate over projects in #left
  • 1.3. - Filter projects via search
  • 1.4. - Replace placeholder text in #main with project data

• 2. - Issues API (https://api.github.com/repos/:user/:project/issues?state=open)

  • 2.1. - Selected project calls Issues API
  • 2.2. - Iterate over issues in #main

• 3. - Organization & Architecture

For more information, see the exhaustive, highly detailed wireframe:

License

Copyright (c) 2013 Eric Clemmons Licensed under the MIT license.