Skip to main content

Plate Scraper

A very minimal React SPA for scraping titles, ingredient and instructions from recipe websites and presenting it as minimally formatted downloadable plaintext, as well as the same concept ported to a Chrome extension.

Even though it doesn't retain any persistent data, the SPA version actually has a Node.js backend, used for requesting the HTML from the recipe websites and parsing it. This is to get around the CORS security protocol. This issue is not present in the Chrome extension (because the HTML is already loaded in the browser and therefore available), but all the webpage's logic had to be extensively refactored to work with the Chrome extension API.

Project Members: Spencer Whitehead