Flipdish

Flipdish

Cook your best meals with your beautiful cookbook, recipes without ads, and cook mode

ComponentsAI web scraping, Calculation, Realistic page flips
TagsCreate, Hobby, Life

App demo

Descriptions

  1. Create a recipe app. In the default browse mode, I want to flip the pages of a realistic book. Once I selected a recipe, I want to see only the recipe in a simplified view.
  2. I want realistic pages that can be flipped in the browse mode.
  3. Debug (Fix book display by loading it when visible)
  4. Debug (Fix recipe book display by ensuring it has loaded)
  5. For the recipe book, show only the name, details, and a description for each recipe page. Remove the ingredients and instructions. Each recipe should fit into a single page.
  6. Debug (Fix book display by ensuring it loads correctly)
  7. For the recipes in the book, left align the text and remove the button
  8. Remove the arrow buttons on the book
  9. Replace “Generate New Recipe” with an “Add recipe” button, which allows me to add a URL and add the recipe to my collection
  10. Add a recipe via url doesn’t seem to be working
  11. When added a recipe, always show the ingredients for 3 pax
  12. Instead of Portions 1, it should be Serves 3
  13. In the top-right corner of the recipe view, add a “Cook mode” button, which shows only 1 step of the method and big buttons for previous and next step
  14. For the cook mode, make the previous and next buttons three times bigger
  15. On the book view, add a “What to cook tonight” button, which opens a random recipe
  16. Remove the title “The Recipe Tome” and description “Your personal cookbook” from the book view
  17. For the recipe view, remove the subtitle “serves, prep, and cook"
  18. For the recipe view, show the name, image, and ingredients on a left panel and the method on a right panel
  19. For the recipe view, put the “Back to book” and “Cook mode” buttons at the top, instead of floating above other things on the page
  20. For the book view, move the “What to cook tonight” and “Add recipe” buttons to the top and center them
  21. Replace the text “The Recipe Tome” with “Let’s cook” and remove “Your personal cookbook"
  22. Use san serif font only throughout the app
  23. For the recipe view, make all the text smaller
  24. For the book view, remove “Serves, prep, and cook” for each recipe
  25. Make the app theme orange and retro
  26. Add a delete recipe button
  27. Make the delete button just the icon and more subtle
  28. For the recipe view, when a unit is not available, leave it blank instead of using “null"
  29. For the recipe view, make the recipe name smaller and sentence case
  30. For the book view, make the recipe title smaller and sentence case
  31. Move the buttons and book to the top of the page
  32. Make the book 20% shorter
  33. Update “Add Recipe” to “Add recipe” (sentence case)
  34. Use sentence case for all the buttons
  35. Debug (Improve recipe import from URLs)
Booplet
Booplet