https://github.com/chaseottofy/rss-parser-demo
Recreation of the front page of hacker news using RSS for the data
https://github.com/chaseottofy/rss-parser-demo
front-end hacker-news javascript react ress rss-parser rss-parser-news typescript
Last synced: 11 days ago
JSON representation
Recreation of the front page of hacker news using RSS for the data
- Host: GitHub
- URL: https://github.com/chaseottofy/rss-parser-demo
- Owner: chaseottofy
- Created: 2023-10-30T20:45:12.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-10-31T20:51:56.000Z (about 2 years ago)
- Last Synced: 2025-02-09T05:16:45.449Z (11 months ago)
- Topics: front-end, hacker-news, javascript, react, ress, rss-parser, rss-parser-news, typescript
- Language: TypeScript
- Homepage: https://chaseottofy.github.io/rss-parser-demo/
- Size: 794 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# rss-parser-demo
Simple clone of the front page of hacker news using RSS as the data source, built with React, Typescript, and rss-parser.
Loads the top 30 stories, minimal functionality but the title links work.
Just a demo - will not be building this out further.
Most, if not all RSS feeds require CORS headers to be set. I'm unfamiliar with techniques to get around this, but I have experimented with proxies and was able to get it working with heroku's `cors-anywhere`. This is not a good solution, but I'm just demoing the functionality of rss parser. To set the proxy, first visit (https://cors-anywhere.herokuapp.com/corsdemo) and click the button to request access, I believe it's a 24 hour access token. Then prepend whatever RSS url you're using with `https://cors-anywhere.herokuapp.com/`, so for example, the hacker news RSS feed is `https://cors-anywhere.herokuapp.com/https://news.ycombinator.com/rss`. From what I've read, this particular proxy is fairly inconsistent, but I've had no issues with it for demoing purposes. I've provided also provided a fallback feed to at least show what the feed looks like if the request fails.
