INFO 5302 social API explorer project
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
src
util
.gitignore
README.md
gulpfile.coffee
gulpfile.js
manifest.json
package.json
proxy.coffee
webpack.config.coffee
webpack.config.dist.coffee

README.md

INFO 5302 Assignment 1 Social Explorer

http://thomas-yang.me/projects/wyvmwyac/

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:

taylorotwell

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

hanax

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 git@github.com:hanax/whatyouvemissedwhenyouarecoding.git
# Install the required package
npm install
# Compile the source code and serve the file
gulp serve
# Open browser and visit http://localhost:5000