发布于 2026-01-06 0 阅读
0

Yummyplan - 一款帮你规划一周膳食的应用程序🍞📅 Yummyplan 隆重推出 Yummyplan

Yummyplan - 一款可以规划一周膳食的应用程序🍞📅

隆重推出 Yummyplan

美味计划

不久前我写了一篇关于为开发者烹饪的文章。你可以在这里找到它:

在这篇文章中,我建议构建一个集成食谱API的Web应用程序。虽然我没有集成API,但我仍然开发了一个膳食计划应用程序。

隆重推出 Yummyplan

Yummyplan 是一款可以规划一周膳食的应用程序。您可以选择自己喜欢的菜肴,安排烹饪日期和时间,并获得所有食材的购物清单。由于所有内容都存储在本地存储中,您可以随时访问您的计划!

Yummyplan标志

你可以在这里找到 Yummyplan:yummyplan.github.io

Yummyplan 的特点

  • 创建包含配料表和标签的菜单:添加您最喜欢的菜肴及其配料,并给它们贴上“纯素”或“快速”等标签。
  • 链接到食谱或烹饪书页面:实际烹饪时,点击计划中的餐点即可查看所有食材和食谱链接。
  • 所有内容都保存到本地存储:您可以随时访问计划,无需每次都重新构建。您的标签、餐点和食材也会被保存。
  • 自动生成购物清单:完成一周计划后,系统将自动生成一份包含所有需要购买物品的购物清单。
  • 下载本周计划的 PDF 或 PNG 版本:这样您就可以打印出来或发送给其他人。
  • 基于标签和标题的搜索:您可以按标签或标题搜索所有餐点,进一步节省您的时间。
  • 随机化您的每周计划:没有灵感?点击“随机化”按钮,即可根据允许的日期和时间,随机填充计划中的所有空白餐位。允许的标签可在设置中进行调整。
  • 多语言版本:Yummyplan 提供英语和德语版本。
  • 可作为 PWA 使用:您可以将其安装在平板电脑上,并通过主屏幕访问它。
  • 它是免费的:免费且根据 MIT 许可协议发布。

GitHub 仓库

如果您发现了错误或想提出新功能建议,请访问以下 GitHub 代码库:

GitHub 标志 美味计划/ yummyplan.github.io

一款使用 Nuxt 和 Tailwind 构建的,可规划一周膳食的应用程序。

Yummyplan标志

美味计划

一款可以规划整周膳食的应用程序。

Yummyplan是什么?

Yummyplan 是一款应用程序,它允许您通过拖放操作为家人规划一周的膳食。您可以创建、编辑和删除膳食,为其添加食材和标签,并将计划下载为 PDF 或 PNG 格式。

不知道吃什么?点击“随机”按钮,即可为空位随机分配餐点!随机餐点会遵循每日和用餐时间的指定标签。

计划完成了,需要去超市购物吗?我们还提供整理好的购物清单!

无需登录或注册账号,所有内容都保存在您的浏览器中。

部分默认内容提供德语和英语两种版本,但用户可以添加自己的餐点和食材。

点击这里查看:yummyplan.app

可用语言

Yummyplan目前支持以下语言:

  • 英语
  • 德语
  • 西班牙语(谢谢……)

使用的技术

我用 Nuxt、Vuex、Typescript 和 Tailwind 构建了这个东西,还添加了一些用于 canvas 和 PDF 处理的额外库。

测试采用 Jest,标准的 ESLint 设置确保代码质量高。

它看起来像什么

以下是一些截图!

Yummyplan 概览

Yummyplan膳食概览

编辑餐食

购物清单

文章来源:https://dev.to/thormeier/yummyplan-an-app-to-plan-meals-for-an-entire-week-5f41