Mobile Cook Mode - JRAdams472/LENA2 GitHub Wiki
Cook Mode (Mobile)
Cook mode turns a recipe into a full-screen, glanceable step pager โ built for the phone or tablet propped on the counter while your hands are busy. It lives only in the mobile app; the web shows recipes as scrollable pages instead.
Opening it
Open any recipe in the app (More โ Recipes, or a suggestion card on Home) and tap the chef's-hat button in the recipe editor's top bar. Cook mode takes over the whole screen โ even when the recipe was open in a two-pane layout on a tablet.
The step pager
Each page is one step:
- Step counter โ a large
N / totalso you always know where you are - Instructions in headline-sized type, readable from arm's length
- Badges for step type and hands-off steps (e.g. "bake โ hands off")
- Countdown chips on timed steps โ tap to start the timer for that step
- Chevrons or swipes to move forward and back; the progress bar tracks your place
Cook mode keeps the screen awake while it's open โ no unlocking with floury hands. Leaving the screen (back button) restores normal sleep behavior.

Ingredients alongside the steps
The recipe's ingredient list stays reachable without leaving the pager:
- On tablets and landscape the ingredients ride in a left rail beside the step:

- On phones a floating Ingredients button opens them as a bottom sheet, so the step stays visible behind it:

Advancing steps updates the counter and progress bar:

Notes
- Cook mode shows the recipe exactly as stored โ it follows the household tweaks view when that's what the recipe page is showing.
- Timers are advisory countdowns shown on the step; they don't alarm across the app.
โ Back to Using the Mobile App ยท See also Recipes & Meal Plans