Giter Club home page Giter Club logo

cook's Introduction

Cook

好的,今天我们来做菜 🥬 Note: This is primarily a Chinese project and we do not intend to translate to English due to the fact that all the ingredients we are familiar with are in Chinese.

版本

Release

网页版本

小程序版本

本仓库为网页版本,小程序版本请在微信搜索「来做菜」。

因不可抗力,小程序因跳转 B 站视频而被判定为导流违规下架。 将不再提供小程序版本。

说明

本项目初衷是方便特殊时期隔离在家而材料有限的小伙伴,因此菜谱材料会尽量限制在特定范围内。

更多可参见 来做菜 | 关于

欢迎反馈更多菜谱数据:

Features

本项目支持 PWA,使用浏览器打开时,可将其添加到主屏幕以获得近原生 APP 的体验。

开发

# install dependencies
pnpm install

# convert csv to json
# automatically executed when postinstall
pnpm convert

# start
pnpm dev
# http://localhost:3333

部署

Docker

# 从 Docker Hub 拉取最新的镜像
docker pull yunyoujun/cook:latest
# 新建并启动容器,然后打开 http://localhost:3333
docker run -it -d --name cook -p 8080:80 yunyoujun/cook:latest

# 启动与停止
docker start cook
docker stop cook

致谢

感谢以下小伙伴为本项目提供的数据支持和 QA !

  • Runny
  • 麒麟
  • 晴方啾
  • 课代表阿伟

感谢至今以来的所有赞助者们!因为你们的支持让我更有动力去做各种尝试。

cook's People

Contributors

guygubaby avatar henryclw avatar kazariex avatar kevin-xi avatar lotwt avatar readytostrike avatar yunyoujun avatar zjc17 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

cook's Issues

使用 useVirtualList 实现搜索虚拟列表

Clear and concise description of the problem

目前搜索中通过全部展示的方式显示所有菜谱,当数量较多时,这可能造成性能问题。

Suggested solution

使用 useVirtualList 实现虚拟列表

Alternative

No response

Additional context

No response

Validations

  • Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

请问可以增加搜索模式吗

想要输入【所有】已有的食材,然后挑选菜谱,不知道可以吗?
目前是只能一个一个试,感觉不是特别方便(;´д`)而且有时候会蹦出来我没有的食材

pnpm dev报错

root@alexyang:~/cook2# pnpm dev

@ dev /root/cook2
vite --port 3333 --open

failed to load config from /root/cook2/vite.config.ts
error when starting dev server:
/root/cook2/node_modules/.pnpm/[email protected][email protected]/node_modules/vite-plugin-inspect/dist/index.cjs:68
promise?.reject(error);
^

SyntaxError: Unexpected token '.'
at wrapSafe (internal/modules/cjs/loader.js:915:16)
at Module._compile (internal/modules/cjs/loader.js:963:27)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1027:10)
at Module.load (internal/modules/cjs/loader.js:863:32)
at Function.Module._load (internal/modules/cjs/loader.js:708:14)
at Module.require (internal/modules/cjs/loader.js:887:19)
at require (internal/modules/cjs/helpers.js:74:18)
at Object. (/root/cook2/vite.config.ts:38:42)
at Module._compile (internal/modules/cjs/loader.js:999:30)
at Object.require.extensions. [as .ts] (/root/cook2/node_modules/.pnpm/[email protected][email protected]/node_modules/vite/dist/node/chunks/dep-27bc1ab8.js:61679:20)
 ELIFECYCLE  Command failed with exit code 1.

`@unocss/reset` dependency

From #9 (comment)

If I don't add "@unocss/reset": "^0.6.3", in package.json, it will show an error like this:
image

Here is where the project imports @unocss/reset

import '@unocss/reset/tailwind.css'

Possible solutions:

  • Remove import of @unocss/reset
  • Add the package in package.json

请问数据更新的方法?

想在code的基础上自己写一个自动生成一周食谱的功能(太懒了!!!),但是不知道csv的数据是通过什么渠道抓取的?还有如何更新?

真的能运行?

docker run -it -d --name cook_dev -p 3333:3333 yunyoujun/cook:latest
真的能运行?

从在线表格拉取数据并构建

Clear and concise description of the problem

  • 飞书表格
  • 金山表格

Suggested solution

从在线表格拉取数据并构建,替代现有的 CSV 文件形式。

Alternative

No response

Additional context

No response

Validations

  • Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

菜谱选材的初期交互表现与预期不符

Describe the bug

在未携带本地数据进入首页时,在模糊匹配和生存模式下初次、首先选择任意食材,均不显示任何菜谱;而在严格匹配下执行相同操作,则错误地显示了所有菜谱。

Reproduction

鼠标不懂事自己点的

System Info

System:
  OS: Windows 10 10.0.19045
  CPU: (12) x64 11th Gen Intel(R) Core(TM) i5-11400F @ 2.60GHz
  Memory: 6.04 GB / 15.87 GB
Binaries:
  Node: 20.9.0 - D:\Program Files\nodejs\node.EXE
  npm: 10.2.2 - D:\Program Files\nodejs\npm.CMD
  pnpm: 8.10.2 - D:\Program Files\nodejs\node_global\pnpm.CMD
Browsers:
  Edge: Spartan (44.19041.3570.0), Chromium (119.0.2151.44)
  Internet Explorer: 11.0.19041.3570

Used Package Manager

pnpm

Validations

  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
  • The provided reproduction is a minimal reproducible of the bug.

可以做一下访问速度优化

https://fonts.gstatic.com 下载时间比较长,这样更多的普通用户可以从这个食谱收益。

Request URL: https://fonts.gstatic.com/s/dmmono/v8/aFTU7PB1QTsUX8KYhh0.ttf
Request URL: https://fonts.gstatic.com/s/dmsans/v10/rP2Hp2ywxg089UriOZQ.ttf

基于 React 实现的站点

前段时间看到在线文档的时候想着可以学一下前端实现一下,碰巧又看到了你的项目,做的非常好看~

我用 react nextjs 实现了一个类似的站点仓库地址,并在关于界面添加了当前仓库的链接。

爬取去除失效菜谱链接

Clear and concise description of the problem

有一些链接失效了需要去除

Suggested solution

写个爬虫过滤一下

Alternative

No response

Additional context

No response

Validations

  • Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

好棒的工具

能否提一个意见,
就是可否增加 点击某个菜品或者厨具的时候 自动让没有相关菜谱的菜品 不能再点击了

AI 爬取菜谱数据?

Clear and concise description of the problem

AI 的应用越来越广,是否有可能通过 AI 爬取菜谱材料生成?

Suggested solution

视频内容总结、材料总结

Alternative

No response

Additional context

No response

Validations

i18n

Clear and concise description of the problem

I'm looking for a recipe database, where my 89 year old mother can store her recipes, from everywhere, before she and her knowledge goes back into the earth.
But she (and I) doesn't speak Chinese (I assume this language is Chinese, if not, sorry).
As I see in package.json there is no vue-i18n package in dependencies, so this repository seems to be 1 langauge only.

It would be great if this app could be transated to other languages.
I'm aware it's a bit of extra work.
Most of the work would be defining

{
frontpage: {
  the: "the",
  terms: "terms",
  account: {
    login: "login",
    register: "register"
  }
}
}

and

<html>
<body>
<navbar>
<ul>
<li><a href="/account/login">{{t('frontpage.account.login')}}</a></li>

defining the placeholders and markup

Suggested solution

add vue-i18n

Alternative

keep it 1 language only?

Additional context

No response

Validations

  • Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

大佬 可以添加一个苦瓜吗 ~~~~~~~~~~~~~

Clear and concise description of the problem

大佬 可以添加一个苦瓜吗 ~~~~~~~~~~~~~

Suggested solution

大佬 可以添加一个苦瓜吗 ~~~~~~~~~~~~~

Alternative

No response

Additional context

No response

Validations

  • Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

大佬,能不能自定义数据存储在本地

Clear and concise description of the problem

家里有nas可以跑docker。现在每天不知道吃啥。就用随机吃啥。但是基本上有的做法很复杂,要么就是不想吃的。就想自定义自己经常吃的或者自己经常做的菜谱数据库来随机。

Suggested solution

可以分为大家共享的就是大佬提供的数据库和一个自定义的本地数据库。

Alternative

No response

Additional context

No response

Validations

  • Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

button in ChooseFood.vue style error

image

When the layout is like the image, the button seems to be 'split' into three parts.

After clicking, the part blue arrow pointing will router to the video, the yellow will do nothing that seems to click on the background, and just the red part will work.

现在疫情封控已经过去了,能不能推出新功能?

Clear and concise description of the problem

现在疫情封控已经过去了,我又面临一些新问题。
冰箱的菜需要不断补充和消耗,我想根据冰箱里面的菜推出我可以做什么饭,什么需要快点吃,什么需要再去买
此外,菜的种类有点少
此外,能不能做成App或者离线的网页或程序

Suggested solution

Alternative

No response

Additional context

No response

Validations

  • Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[feature]希望【吃什么】功能可以支持食材和烹饪工具的筛选

Clear and concise description of the problem

【吃什么】功能很容易筛选到不喜欢的食谱

Suggested solution

希望【吃什么】功能可以支持食材和烹饪工具的筛选。或者将【吃什么】功能直接整合到首页,支持随机模式

Alternative

No response

Additional context

No response

Validations

  • Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

使用 uniapp 将网站制作为app

Clear and concise description of the problem

在前端项目使用uniapp将项目编译为 Android&ios app

Suggested solution

在前端项目使用uniapp将项目编译为 Android&ios app

Alternative

No response

Additional context

No response

Validations

  • Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

【二次开发申请】将本项目功能复刻至Android项目子功能

Clear and concise description of the problem

是这样的,我是一名安卓原生开发者,在github上发现了cook

我最近正在开发一款APP,叫做食选,它目前计划了两个功能,其中一个功能就来自本项目。

其一是复刻了cook通过选择食材来得到食物结构,并且在其基础上扩展一些功能。

其二则是由用户录入食堂的菜品,随机选择一个给用户。

最终,通过AI模型推算出用户下一次可能吃的食物和类似食物。

Suggested solution

其中第一个功能采用了你的开源项目收集的数据,想问一下能否允许我进行数据复用的行为?

我会注明来源,并且鼓励用户在原项目投稿菜品。

项目地址:https://github.com/1250422131/FoodChoice

Alternative

No response

Additional context

No response

Validations

  • Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Unexpected reserved word

项目跑起来之后报这个错请问怎么解决
Uncaught SyntaxError: Unexpected reserved word

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.