Please review my weekend project. 100% client side webapp. Scales infinitely

YouTube comments are inane. TechCrunch has shown that photo-attached Facebook comments significantly increase the quality of comments. TVDinnr shows YouTube videos with Facebook comments for more interesting discussions.

There are a few known issues that I have to finish, listed at the bottom. Nevertheless, it is functional and fun to use.

I created this as an experiment in Facebook comments and one-page JS webapps.

I know that many of you don't use Facebook, and neither did I, but the Facebook comment system has a lot of intelligence in its social sorting algorithm and it is very viral.

The whole app code is one index.html. I minified and compress the css/js into one file on deploy. All data and functionality come from js apis.

It scales infinitely because I can host the file on S3 and point the DNS at it.

Working on this made me realize that the world needs a front-end-based javascript web framework.

There are a number of backend js frameworks including ones that bridge to ajax on frontend, but none focus on making purely JS apps (with JS, GWT uses java) on one page using hashes and/or history. jQuery does a lot of stuff, but webapps need a little glue.

We need a full client-side JS app framework, with an URL Router, Templates, Controllers, Models, and plugins. It should be able to wrap json api interfaces easily, and it should handle all the page changes that need to happen when it's all just js changes.

TODO: * Needs real, accurate logo; using a placeholder for now * Orange share button broken * Video duration not shown; descriptions not shown * No category browse feature * No About page, FAQ, Press, etc * Search should have instant suggestions * Design could be prettier

* The Facebook status message is generic not video specific because facebook's server side crawler does not execute js. I might make a small server side component using Go on GAE later to fix this.

Fun idea!

Tiny nitpick: Change the width of #content to auto. Same effect (as wide as the page) but right now there is a horizontal scrollbar.

At Shuffler.fm we used a small trick that, for all our ajax links would forward the Facebook crawler to a page with just the metadata for a specific page, worked very well.

what do we do with this..

If you like this kind of development, I'd suggest you check out YQL. I built www.choip.me which handles most of the interface and twitter interaction using yql to interact with twitter, that's a good example. I haven't touched choip.me in a long time, just never turned it off so I'm sure portions of it are broken.

Another example of where I've done this is with the autocomplete at unscatter.com, where I used yql to pull data from Blekko. yql for sites that haven't blocked it can be a pretty invaluable tool for doing client side development against websites/apis.

IE 9 - see the page, no action when hitting search