search

RocketChat / RC4Community

Full-stack components for building, engaging, and growing your massive on-line community
https://community.rocket.chat/
Apache License 2.0
51 stars 68 forks source link

TODO: Create a Hacker News component #35

Open Sing-Li opened 2 years ago

Sing-Li commented 2 years ago

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 commented 2 years ago

@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/ ):- rc4_comm_hnnews

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

adarsh500 commented 1 year ago

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

Sing-Li commented 1 year ago

@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 commented 1 year ago

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

Untitled-2022-12-21-14111

Untitled-2022-12-21-1412

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

umangutkarsh commented 1 year ago

@Sing-Li, is this issue resolved?