3 ms·

Based on the Firebase HN API, I made a web client that updates stories and scores in real-time. No need to refresh your browser anymore to see new stories and

Based on the Firebase HN API, I made a web client that updates stories and scores in real-time. No need to refresh your browser anymore to see new stories and comments. Also, I used a responsive design to be able to read the stories on my mobile phone. For now, I only show the top stories, up to 100 of them ( that's how many the API gives you anyway ). If people find it useful, I might add other things. Hope OAuth becomes available so I can add up-voting and comment adding.

shade23 12y ago
I've been waiting for this for a while.Thank You!
- antouank 12y ago
  You're welcome =]
- titraxx 12y ago
  Same thing here. I was using http://hckrnews.com/ http://hckrnews.com/ on my tablet because of the non-responsiveness of Hacker News but http://hack.ernews.info/ http://hack.ernews.info/ seems better because it includes comments and use the new API. Thank you !
dandare 12y ago
Very nice except for the animations. (am I the only on who fears that Material Design (when overused) can become the new Flash?)
- antouank 12y ago
  I kind of like material design, but I'm not a designer myself. So I get that my implementation might be crappy. I have no problem to disable them ( optionally maybe? ) for whoever thinks they are annoying.
guanche 12y ago
Nice work, I will give it a try for a while! Two points of feedback right of the bat: 1) The added margin animation doesn't really makes sense in my mind and doesn't really feel well. Maybe try out a few different focus/hover states? 2) I would like an easier way of closing the comments instead of again finding that little comments icon. Especially at mobile resolutions + touch is this a bit awkward.
insin 12y ago
The visualisation of live upvotes is nice, how did you handle that state-wise in React? I also have comment counts and whatever data is used to dim downvoted comments on my API wishlist ( my own implementation is http://insin.github.io/react-hn http://insin.github.io/react-hn ). An endpoint for just ask/show/jobs items would also be nice.
- antouank 12y ago
  @insin This project is an opportunity for me to make some production-ready thing on Flux/React. I'm new to it. I have two stores, one for the news stories, and one for the comments. And then a smaller one for the notifications. I don't use any state in the components. Everything propagates from the top level and the stores. The counter component doesn't have a state, but when it sees an update, it just adds/removes a class and that's how you get the animation.

shade23 12y ago

I've been waiting for this for a while.Thank You!

antouank 12y ago
You're welcome =]
titraxx 12y ago
Same thing here. I was using http://hckrnews.com/ http://hckrnews.com/ on my tablet because of the non-responsiveness of Hacker News but http://hack.ernews.info/ http://hack.ernews.info/ seems better because it includes comments and use the new API. Thank you !

dandare 12y ago

Very nice except for the animations. (am I the only on who fears that Material Design (when overused) can become the new Flash?)

antouank 12y ago
I kind of like material design, but I'm not a designer myself. So I get that my implementation might be crappy. I have no problem to disable them ( optionally maybe? ) for whoever thinks they are annoying.

guanche 12y ago

Nice work, I will give it a try for a while! Two points of feedback right of the bat: 1) The added margin animation doesn't really makes sense in my mind and doesn't really feel well. Maybe try out a few different focus/hover states? 2) I would like an easier way of closing the comments instead of again finding that little comments icon. Especially at mobile resolutions + touch is this a bit awkward.

insin 12y ago

The visualisation of live upvotes is nice, how did you handle that state-wise in React? I also have comment counts and whatever data is used to dim downvoted comments on my API wishlist ( my own implementation is http://insin.github.io/react-hn http://insin.github.io/react-hn ). An endpoint for just ask/show/jobs items would also be nice.

antouank 12y ago
@insin This project is an opportunity for me to make some production-ready thing on Flux/React. I'm new to it. I have two stores, one for the news stories, and one for the comments. And then a smaller one for the notifications. I don't use any state in the components. Everything propagates from the top level and the stores. The counter component doesn't have a state, but when it sees an update, it just adds/removes a class and that's how you get the animation.