rmkubik / sick-picks

An aggregation of the Sick Picks listed on Syntax.fm

Syntax.fm Sick Picks

This project was created to provide a single place to view all of the Sick Picks recommended on the Syntax podcast. hosted by Wes Bos and Scott Tolinksi.

The app parses the Syntax RSS feed and searches for a header in each episode containing a list of "Sick Picks". If the header is found, all following HTML until the next header is added to the site.

Check out the site on Netlify.

Setup

Ensure you have Node.js installed.

In your terminal, run this to install all npm dependencies.

npm install

In your terminal, run this to start running the web app locally.

npm start

Open the webapp in a browser by navigating to localhost:1234.

Contributing

If there are open Issues, a pull request is always welcome.

If you discover an problem, or have a suggestion while using the site, please open an issue on Github.

sick-picks's Issues

RSS-Parser breaks on Safari due to User-Agent header in fetch request

Reproduction

• load the site in mobile or desktop Safari

Observe the following console errors:

[Error] Request header field User-Agent is not allowed by Access-Control-Allow-Headers.
[Error] Fetch API cannot load https://feed.syntax.fm/rss due to access control checks.
[Error] Failed to load resource: Request header field User-Agent is not allowed by Access-Control-Allow-Headers. (rss, line 0)
[Error] Unhandled Promise Rejection: TypeError: Request header field User-Agent is not allowed by Access-Control-Allow-Headers.
	dispatchException (sick-picks.e31bb0bc.js:7854)
	invoke (sick-picks.e31bb0bc.js:7576)
	asyncGeneratorStep (sick-picks.e31bb0bc.js:23675:104)
	_throw (sick-picks.e31bb0bc.js:23677:310)
	promiseReactionJob

Progressively display Sick Picks as they're loaded, rather than once they're all finished

Currently, none of the Sick PIcks are rendered on the page until the entire RSS Feed has been loaded by the RSS-Feed library.

Explore if RSS-Feed has some capability to dynamically access data as it is loaded, or some other library does.