Forkful

Overview

Forkful is a multi-page recipe catalog product by SonoJS. Built with Vite, React 19, TypeScript, Tailwind CSS 3, Lucide, and React Router. Home marketing hero with search, full /recipes catalog, pantry ingredient matching, recipe detail pages, hands-free step-by-step cook mode, and favorites. Demo recipe chrome only - local data, no auth or payments. Vite build ready for Cloudflare Workers.

Highlights

1. 01

   Catalog + search

   Home hero search into a full recipe catalog with category browse.

2. 02

   Pantry matching

   Tell Forkful what's in the fridge and surface cookable recipes.

3. 03

   Cook mode + favorites

   Hands-free step-by-step cooking flow plus a saved favorites list.

4. 04

   Vite and fork-ready

   Vite 7 + React 19 + TypeScript + Tailwind 3 + React Router - npm run build to dist/.

You get

• Full Vite + React 19 + TypeScript source (Forkful)
• Pages: Home, Catalog, Pantry, RecipeDetail, CookMode, Favorites
• Recipe data + image helpers
• UI kit (Radix-based components) + Lucide
• Tailwind CSS 3 + Fraunces display font