Recipe websites have too much clutter, this scrapes *just* the recipe

Overview

Only The Recipe

Most recipes websites have videos and ads flying everywhere, on top of walls of text describing the recipe's backstory. This is an easy way to get just the recipe and nothing else.

"Buy Me A Coffee"

Dev Notes

Clone and checkout the repo

git clone https://github.com/jpbulman/OnlyTheRecipe && cd OnlyTheRecipe

Install the dependencies

npm i

Start the web-app locally

npm run dev

Then visit http://localhost:3000/ to get your recipes

This Recipe Website I Use Isn't Supported!

Don't worry! Just open an issue here and hopefully someone will be able to add it in shortly!

Comments
  • Add reseptitaivas.fi

    Add reseptitaivas.fi

    Sample urls:

    • https://reseptitaivas.fi/reseptit/hampurilaissampylat/
    • https://reseptitaivas.fi/reseptit/ayriaispasta/
    • https://reseptitaivas.fi/reseptit/graavilohi/
    opened by Eldemarkki 2
  • Add kitchenstories.com

    Add kitchenstories.com

    Sample urls:

    • https://www.kitchenstories.com/en/recipes/peshawari-chicken-karahi
    • https://www.kitchenstories.com/en/recipes/one-pot-creamy-cajun-chicken-pasta
    • https://www.kitchenstories.com/en/recipes/pesto-egg-bagel-sandwich
    opened by Eldemarkki 2
  • Add support for 3 Finnish websites

    Add support for 3 Finnish websites

    Add support for Finnish cooking sites valio.fi, kotikokki.net and yhteishyva.fi

    Sample urls:

    • https://www.valio.fi/reseptit/suklaa-cookies/
    • https://www.kotikokki.net/kumppanit/alfez/reseptit/nayta/866334/Harissalla%20marinoidut%20kanavartaat/
    • https://yhteishyva.fi/reseptit/veriappelsiinipiiras/2tWwcxDpTfg8m1HBDMCXe9
    opened by Eldemarkki 2
  • chefkoch.de website not supported and aweful in the browser

    chefkoch.de website not supported and aweful in the browser

    I mean, have a look for yourself: Screenshot_20220227-202829_Samsung Internet This website is not fun to use. One ad is way too wide and messes up the responsivness and they don't fix it. I'd love being able to see a clean version of my favourite cookie recipe!

    Cheers to you for doing the work!

    opened by samuelgfeller 1
  • How To BBQ Right Recipes

    How To BBQ Right Recipes

    Recipes from the following site are not currently working. Receives the Uh-oh message on attempts.

    https://howtobbqright.com/2021/12/14/maple-glazed-ham-recipe/ https://howtobbqright.com/2022/02/12/mississippi-pork-roast/ https://howtobbqright.com/2020/02/28/mississippi-poboy/

    opened by SparksCode 1
  • Failed to parse example

    Failed to parse example

    Awesome site.

    Here's one page full of clutter and a recipe that couldn't be parsed.

    https://www.christinascucina.com/scottish-potato-scones-and-british/

    Keep up the good work.

    opened by IJMacD 1
  • Add thisdelicioushouse.com, fix #42

    Add thisdelicioushouse.com, fix #42

    Fixes #42

    Here's two test links

    • Without ingredient groups: https://thisdelicioushouse.com/blueberry-banana-oat-bars/
    • With ingredient groups: https://thisdelicioushouse.com/german-chocolate-brownies/
    opened by Eldemarkki 1
  • New Functionality: Add Share Button

    New Functionality: Add Share Button

    The proposed changes are the addition of a Share button to the Recipe page, which upon being pressed will copy the page's URL to the clipboard.

    This also adds the following CSS selectors to the stylesheet:

    • button, type "button"
    • button, type "button", hover
    • button, type "button", when disabled

    Color scheme was mostly picked by looks, but can be changed if needed.

    One consideration is also the method of copying the text to the clipboard: it is supported in most of the modern browsers, but not ubiquitous: it is unsupported on IE11.

    opened by jwplante 1
Owner
JP Bulman
CS and Rubik's Cubes
JP Bulman
This project is a Vegan recipe application. I created with React Native. Check out VeganRecipe now for recipe app

VeganRecipe ?? ?? ?? ?? Hello! This project is a Vegan recipe application. I created with React Native. Check out VeganRecipe now for recipe app. ?? ?

Murat 4 Mar 27, 2022
Recipe providing mobile app, User selects ingredients in pantry and is then provided recipes for those ingredients. App contains a signup/login, meal planner and grocery list pages.

Recipog Student Information Name Connor de Bruyn Username Destiro Assignment SWEN325 A2 Description “Recipog” is a recipe providing app that allows th

Connor de Bruyn 1 Dec 26, 2021
IngredientRecipeFinder - Web app built with react using Edamam API to find any recipe for an ingredient search with nutrition filters (high protein, low carb,etc)

Ingredient Recipe Finder Web app This web app built with the use of Edamam API allows you to find any type of recipe for a specific ingredient you are

null 1 Jan 4, 2022
A recipe website built for my girlfriend who loves cooking, using Sass, JavaScript, Parcel, and HTML

Forkify-App Live Link Project Introduction Forkify is a recipe web app using the Forkify API to allow users to search, view, modify, bookmark and add

JungFF 14 Sep 29, 2022
Recipe Buddy is a tool that enables the easy adding of recipes to Grocy through web scraping.

Recipe Buddy The problem I am getting sick of manually importing recipes into Grocy. The solution Overcomplication, naturally. Recipe Buddy is a web a

George Gebbett 44 Dec 17, 2022
This is a custom recipe app called chefMaster. which contains a lot of interesting such as many apis requests, filter, search , add posts. Property design

In the project directory, you can run: npm start Runs the app in the development mode. Open http://localhost:3000 to view it in the browser. The page

Andrew Smal 0 Nov 9, 2022
Build blazing fast, modern apps and websites with React

Gatsby v3 ⚛️ ?? ?? Fast in every way that matters Gatsby is a free and open source framework based on React that helps developers build blazing fast w

Gatsby 54k Jan 9, 2023
Easy to maintain open source documentation websites.

Docusaurus We are working hard on Docusaurus v2. If you are new to Docusaurus, try using the new version instead of v1. See the Docusaurus v2 website

Facebook 40.8k Jan 2, 2023
Tina is an open source editor that brings visual editing into React websites. Tina empowers developers to give their teams a contextual and intuitive editing experience without sacrificing code quality.

Tina is an open-source toolkit for building content management directly into your website. Community Forum Getting Started Checkout the tutorial to ge

Tina 8.2k Jan 1, 2023
A Webapp related to Crypto go and have a look shows every thing you want to know

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Kamal joshi 3 Oct 19, 2021
Notifies and then closes draft pull requests that have had no activity for a specified amount of time.

Close Stale Draft Pull Requests This action has been inspired by microsoft/vscode-github-triage-actions, actions/stale and probot/stale, ultimately wr

Multi Theft Auto 2 Jan 7, 2022
This is not my code, just trained with "From Scratch - Développement Web" youtube video

React-Countries-API DISCLAIMER FR : Ceci n'est pas mon code, je me suis juste entraîné à partir de la vidéo de From Scratch - Développement Web ! EN :

LejusVDP 1 Jan 4, 2022
Agile Planning tool for cool team, free, no setup, just come and play.

Voting Poker is an Agile Planning Tool for cool teams We're looking to create a fully customizable Zero config Pretty design tool for teams in demand.

Jefferson Moura 10 Dec 12, 2022
Run an Ethereum node — just press start

NiceNode "Run a node, just press start" Mission: 2x the number of Ethereum nodes by making a one-click-to-start Ethereum node Why?: The light client r

Johns Gresham 81 Jan 2, 2023
🌠 just a personal card inspired by Discord's Profile

Discord Profile Card This is a personal card inspired by Discord's Profile. Shows your info and presence activities on real time. Table of contents Di

Leep? 7 Oct 21, 2022
⚡️The Fullstack React Framework — built on Next.js

The Fullstack React Framework "Zero-API" Data Layer — Built on Next.js — Inspired by Ruby on Rails Read the Documentation “Zero-API” data layer lets y

⚡️Blitz 12.5k Jan 4, 2023
Task toolkit. For when `npm run` isn't enough and everything else is too much.

For when npm run isn't enough and everything else is too much. Ygor is a no-frills toolkit consisting of a task runner and a file transformer. Enjoy a

Shannon Moeller 68 Nov 12, 2022
a Node.js boilerplate to start creating your telegram bot without too much configuration at the beginning

node-telegram-bot-starter-pack How to use clone the repo run npm install run cp .env.example .env and replace the variables with your data define your

Mohammad MohammadAlian 7 Sep 7, 2022
This project is a Vegan recipe application. I created with React Native. Check out VeganRecipe now for recipe app

VeganRecipe ?? ?? ?? ?? Hello! This project is a Vegan recipe application. I created with React Native. Check out VeganRecipe now for recipe app. ?? ?

Murat 4 Mar 27, 2022
Desktop app for reading and downloading manga. With clean distraction-free design and no clutter

Tonbun Tonbun is a desktop app for reading and downloading manga. With clean distraction-free design and no clutter. Build with Rust, Tauri, Vue.js, a

null 23 Nov 30, 2022