Find-a-Recipe.com

2025.
#personal#frontend#backend #typescript#sveltekit#skeleton-ui#tailwind-css#playwright

My partner made the suggestion for this website about a year before I actually took it on. A lot of recipe based websites are bloated and it is hard to actually find the information you need — that is what find-a-recipe.com does. In our home, we use this tool a lot, and I recommend it to friends and family who have found it wonderful. If no one else uses it, I at least know how much time has been saved having to avoid skimming a website when all I need is to throw things in a crock pot.

Highlight: Simple, accessible usage.

Type in a URL and submit, and the application attempts to “clean” it into an easy-to-read view.

Home page, desktop

Home page, desktop

Highlight: View recipe cards adaptive to responsive displays, complete with ingredients, directions, and general information.

Recipe page, deskop

Recipe page, deskop

Recipe page, mobile

Recipe page, mobile

Highlight: Parse websites containing a variety of SEO formats.

These formats include JSON-LD schemas, RDfa, Wordpress metadata, Microdata, and custom website handlers.

Highlight: Save recipe cards to a locally stored book.

(Eventually, these could exist in a backend database.)

Recipe book, desktop

Recipe book, desktop

Recipe book, mobile

Recipe book, mobile