Skip to content
Switch branches/tags

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

INFO 5302 Assignment 1 Social Explorer

Made by Thomas Yang and Hannah Xue

What this is about

See what's going on in the world while you are coding and making commits to GitHub. We tried to make some crazy coders reflect more on how much beauty they have missed when coding, through beautiful visuals (fullscreen photos, floating descriptions, animations, etc).

  • Login with your GitHub account.
  • Visualize your GitHub daily commits by month.
  • Browse Flickr photos, taken exactly at when and where you made each commit.
    • The number of the stacked photos correlated with daily commit number.
  • Hovering on pictures for previewing, and clicking for details.

Requirements details

  • APIs: GitHub API, Flickr API
  • API endpoints: GitHub user profile, GitHub commit numbers and time for each commit, Flickr photos filtered by time and location
  • Data scale: Any user can login our web application with their GitHub account.
  • We tried public data from the popular GitHub account taylorotwell who has around 7k commits in the past year and a screenshot of results are shown below:


  • A screenshot of the results of Hannah Xue who has around 700 commits in the past year are as below:


Technical details

  • CoffeeScript / JavaScript / Node.js / Firebase / various other web techniques (webpack, gulp, jade, stylus, jQuery, etc)
  • Open-source API wrapper on Node.js: node-flickrapi / node-github
  • All code in this repo are original.

Local deployment

# Clone the project to local
git clone
# Install the required package
npm install
# Compile the source code and serve the file
gulp serve
# Open browser and visit http://localhost:5000