nextcloud / nextcloud/cookbook

"Cooking mode" - specific display of recipe

Open
#1,847 1 comment 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement Frontend javascript
Dominant language
HTML
Stars
641
Forks
113
Avg merge
21h 31m
Merged PRs (30d)
26

Description

Problem
When cooking a recipe from the Cookbook most users will probably have the browser open and scroll through the recipe. From time to time the display on mobile devices might turn off which is in itself annoying and with dirty hands even more so.

Possible Solution
Add a button in the recipe view to enter a specific mode of displaying the recipe which might have the following features (tbd):

  • instructions are shown in full-screen mode
  • cooking steps are shown one-by-one (depending on screen size, the next step by also be shown in a muted color)
  • larger font, so you can read it even when the device is standing further away
  • Next and Previous buttons for navigating through the recipe
  • X button for leaving "Cooking mode"
  • Ingredients button for having a quick look at the ingredients, since they may be referenced in an instruction
  • The last shown instruction should be remembered, so that the recipe can be continued when re-entering the "Cooking mode"
  • the display is kept active

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reviewing the recipe view referenced in the issue and compare the proposed cooking-mode features. The scope is explicitly marked as undecided, so first establish which requirements are accepted; done would mean implementing that agreed subset and verifying the mode on mobile devices.

Written by the indexing model from the issue text.

Assessment

Tech stack
html
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.