AngularJS module for showing off your public stackoverflow activity.
Author: 731027a0b6612d93118a2337bc8e20de? gigablox

Angular StackOverflow Activity Build Status


An AngularJS directive module for showing off your public StackOverflow activity.


  1. bower install --save angular-stackoverflow-activity
  2. Include dependencies in your HTML.
  3. Use the stackoverflow-activity directive.


The stackoverflow.activity module requires a dependency of ngResource for service calls made to the StackOverflow API.

The templates expect /fonts which contain iconography so make sure to include those as well. You can customize templates to change the icons or remove them entirely.


See the homepage for a live example.



The data attribute expects an array returned through the StackoverflowActivityService callback:


The options attribute expects an object that supports the following properties:

  • number limit
    • Limits number of events rendered in array passed to data
    • If null, directive will render all events
    • Default: null

Custom Templates

If you wish to change any of the templates or remove dependencies, feel free under /src/views.

Custom iconography can be changed by importing the stackoverflow-activity.json file found in /src/assets into After downloading a new set, make sure to update the cooresponding CSS in stackoverflow-activity.less and fonts in /assets/fonts.

You will then have to build the project which will recompile the /release


To build a /release from scratch:

  1. npm install -g grunt-cli bower karma
  2. cd angular-stackoverflow-activity
  3. npm install
  4. bower install
  5. grunt release

Alternatively, you can grunt watch over your project as you work and point your vhost to /build to see the changes.


Copyright (c) 2013 Daniel Kanze (MIT)

comments powered by Disqus
This page was last updated over 4 years ago.