TODO: Create a Hacker News component

[Sing-Li]

trafficstars

Create a React based Hacker News "top list" or "current list" component based on configurable criterion.

Model this one close to the existing Discourse component.

[sidmohanty11]

@Sing-Li I would like to work on this issue and for the design atm, I've come up with this (similar to https://news.ycombinator.com/ ):-

How many stories should we fetch and store in the cms? (The API provides us with top 500 stories)

[adarsh500]

Hey @Sing-Li, could you please assign this to me?

[Sing-Li]

@adarsh500 Can you describe the approach you will be taking to create this component? What would the component look like? Let me know the proposed data flow.

[adarsh500]

Hacker News has a public API (https://github.com/HackerNews/API) along with good documentation (https://hackernews.api-docs.io/v0/items/get-by-id) which can be used for this component. We can fetch the data server side and then pass it onto the page as props. I came up with a prototype design for the cards, i've tried to keep it similar to the Rocket.Chat design system.

We could use a component which would give us either the top news or the hot news by selecting tabs

Useful additions: we can add pagination support

@Sing-Li i hope you like it, would like to get your feedback on this : )

[umangutkarsh]

@Sing-Li, is this issue resolved?