// SYS.LOAD: PROJECT_07

> LEFTOVER_CHEF

Culinary intelligence, mobilized. A Next.js and Capacitor hybrid app scanning leftovers to create gourmet menus.

01. CAPACITOR NATIVE CAMERA INTERRUPT

Allowing users to take photos of their refrigerator and automatically extract ingredient lists requires native device bindings. The hybrid client coordinates with `@capacitor/camera` to open the system camera directly. It passes the raw picture bitmap to a Gemini vision handler, returning categorized tags (Spinach, Salmon, Cheese) directly into the UI state.

 

> 3 ITEMS FOUND:

• spinach_leaf (92%)

• tomato_cherry (94%)

• salmon_scrap (98%)

COMPILE RECIPE

02. NEXT.JS & MOTION ANIMATION SYSTEM

Mobile apps require organic physical feedback to feel premium. Built with Next.js 15, the frontend utilizes spring-based physics via the `motion` package to control overlays and transitions. Slide panels, swipe sheets, and accordion steps collapse and expand organically, matching real-world mass and tension equations.

03. SPEECH-RECOGNITION STEP NAVIGATOR

Coordinating cooking steps while handling food is a major UX challenge. The console includes a hands-free Speech Controller wrapper around the Web Speech API. Users speak commands like "Next step" or "Repeat instructions" to navigate the cooking cards step-by-step, eliminating screen contact during preparation.