Devpost Notification Center

It's about time Devpost gets its own little red number

Comment 21

Notifications

Notifications are about YOU and your projects. You'll get notifications when...

  • someone likes your project (including yourself... I'm not judging.)
  • someone comments on your project
  • someone follows you!

I'll be adding more as time goes by. Next one will be for a select few that gets one of their projects picked by our staff!

http://i.imgur.com/OO3n9Ui.png

Why this is exciting

Yes, seeing who liked your last project, or if someone answered your last comment is cool, but that's not what I find the most exciting about this.

I think these notifications will shine during hackathons.

It will be a great way for hackers to follow what's going on during a hackathon, and provide an additional motivation to hang out on Devpost.

How it works

The notification feed itself is built on top of Stream (getstream.io), same as our homepage feed. Stream actually supports notification feeds out of the box, which helps a lot.

The rest of the work is getting the data we store on get stream in a nice format that can be used by the Marionette app to display the notifications.

Enjoy the worst schema you've ever seen explaining how the whole thing is setup, roughly: http://i.imgur.com/wJAMXXX.png

What's next?

This is a work in progress, I'll post updates as I go.

+ 4 more
Share this project:
×

Updates

posted an update —

http://i.imgur.com/IMNTs0B.png

The UI is far from finale, but it's looking better than the last Gif I posted. The notifications are strongly inspired from Tumblr's.

The user avatars and software thumbnails are now displayed. Doing that made me thing about the performances of this page, which could be quite bad. The notifications JSON returned by the server is generated with ActiveModel::Serializers, and as it turns out, they support caching out of the box. So, for the first time, I took advantage of this feature. The sad part is that the latest versions of this gem improves the caching feature quite a bit, so we'll have to think about upgrading (even though the new version is not backward compatible:( ).

Log in or sign up for Devpost to join the conversation.

posted an update —

http://i.imgur.com/sDBeZOr.gif

Most underwhelming gif ever?

It doesn't look like much, but it really shows the basics of the notification feed.

  • The feed is setup on Stream
  • The notification are properly created
  • notifications are being rendered by the Marionette app, which will make building the notification dropdown easier

A good amount is still needed.

  • designing the notifications
  • building the top nav dropdown, without forgetting about mobile
  • handling the unread/unseen notification count

Log in or sign up for Devpost to join the conversation.