setdirection / hydepark Goto Github PK

Return single post

When hovering on a tag for example, have an overlay that shows the most recent posts with that tag.

If a post has an image in it, the user can mouseover that image and if there is a larger version available, animate out to show that version.

If there is metadata on the image, show that info too (e.g. a title, description)

/tagged/ajax -> show the posts with that category

Use Socket.IO to setup a bi-directional socket to Node service.

When a new post comes in, the UI will have a message area that shows something like:

"
2 new posts available:

Heading of post <- link to post
Heading of post
"

http://setdirection.com/#!/post/monkey-news

Look at the URL and if single post info in there, just show that post.

Filter for a given tag.

A JS function that displays posts with a given tag

When you go to a story directly, you don't want to zoom in the content, you want it to be there. We change the animation to 0s but need to change it back.

• returns data on the post via JSON
• comments are not part of it as that is through "disqus"

Create a manifest and point to it to enable offline use.

Implement search capability.

Options:

• do our own search on the datastore
• punt and use the google ajax API
• do both, and search various places (even stackoverflow!)

• Every 5 minutes look for:
  • RSS feed:
    • check timestamp to know that a new post is available
    • if new posts, convert XML to JSON, add "type: 'blog'" and POST to CouchDB
    • look for changes in other posts and PUT to CouchDB
  • Twitter feed (Yahoo! Pipes Aggregated @dalmaer and @bgalbs and @setdirection and favourited):
    • POST to CouchDB

• summary only?
• show Tweets in main body area?
• timezone

Right now we have

{{tags}} which creates (foo,bar,baz)

and we want:

(tags: {{#tags}}{{.}} {{/tags}})

to create:

(foo, bar, baz) all hyperlinked to find other guys.

<pre language="javascript">....</pre>

Color coded goodness for code visualization.

Stick prefs and info on the right hand side

When viewing a tag (saw "jquery") look for extra metadata for that tag and show it.

E.g.

• info on the jQuery project as a header
• sidebar on resources related to the tag (e.g. home pages, related people, etc)

If a user clicks on the title of a post, hide the other posts and set the url to single post mode (e.g. http://setdirection.com/#!/post/monkey-news)

Add localstorage support so when the app boots it looks there first and then does a sync from the True Store (so it can work offline)

Have a right hand side activity stream component:

• show merged tweets etc
• save data in local storage etc

Talks to CouchDB and queries with If-None-Match: ETAG

• Create database
• Define schema

• filter for any update to a post and do a PUT to the node service
  • http://data.setdirection.com/post/name-of-post {BODY}

RIght now we have:

onclick="client.displayStoryFromHome('{{id}}'); return false;"

in index.html.

Make that dynamically calculated from the div downwards.