Case study · Web app

ForkChop

A recipe web app that starts with what's already in your kitchen, so less food goes to waste. I created it, designed it and built its Instacart and Kroger integrations.

ForkChop showing recipe matches for six pantry ingredients, with the items each recipe is still missing
Platform

Next.js web app

Built with Next.js and TypeScript, Supabase for accounts and data, and Tailwind CSS, deployed on Vercel. Search checks a curated recipe library first and widens to Spoonacular when results are thin.

Scope

Cook what you already have

Type, scan or speak your ingredients and ForkChop finds what you can cook tonight, plus the recipes you're one or two ingredients away from. Filters cover diet, cuisine, meal, allergies and dislikes.

The hard part

From recipe to grocery basket

When a recipe is a couple of items short, ForkChop builds the basket and hands off to Instacart or Kroger to check out. It never takes payment details itself.

My role

Creator, designer and developer

I created the product, designed the interface and its assets, built the Instacart and Kroger integrations, and keep refining the app's functionality and usability.

Outcome

A live app at forkchop.app that understands ingredients typed the way people actually write them, with amounts, plurals and typos, ranks recipes by what's missing, removes anything containing a flagged allergen, and turns a short list into a grocery order.

Next step

Building a product of your own?

Tell me what you want to build and I'll walk you through how I would take it from idea to launch.