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 / total so 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.

Cook mode on a phone โ€” step 1 of 5 with the progress bar and Ingredients button

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:

Cook mode on a tablet โ€” the ingredients rail on the left, the step pager on the right

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

The ingredients bottom sheet over a cook-mode step

Advancing steps updates the counter and progress bar:

Cook mode step 2 on a tablet โ€” the progress bar tracks your place

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