http://thomas-yang.me/projects/wyvmwyac/
Made by Thomas Yang and Hannah Xue
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.
- 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:
- 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.
# 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