얼마 전에 개발자를 위한 요리에 대한 글을 쓴 적이 있습니다. 여기에서 찾을 수 있습니다.

🍳 🍲 개발자를 위한 요리 - 창의적인 균형추

Pascal Thormeier ・ 1월 11일 ・ 5분 읽기

#watercooler #tutorial #tips #motivation

이 게시물에서는 통합된 레시피 API로 웹 앱을 구축할 것을 제안했습니다. API를 통합하지 않았지만 식사 계획 앱을 만들었습니다.

야미플랜을 소개합니다

Yummyplan은 일주일 내내 식사를 계획하는 앱입니다. 좋아하는 식사를 선택하고 날짜와 시간에 배치하고 모든 식료품 목록을 얻을 수 있습니다. 모든 콘텐츠는 localStorage에 저장되기 때문에 원할 때 언제든지 플랜에 액세스할 수 있습니다!



여기에서 Yummyplan을 찾을 수 있습니다: yummyplan.github.io

야미플랜의 특징

재료 목록과 태그가 있는 메뉴 만들기: 좋아하는 음식과 재료를 추가하고 "비건"또는 "빠른"과 같은 태그를 지정합니다.

레시피 또는 요리책 페이지 링크 : 실제로 요리를 할 때 플랜에서 식사를 클릭하면 모든 재료와 레시피 링크를 볼 수 있습니다.

모든 것을 로컬 저장소에 저장: 매번 다시 빌드할 필요 없이 원할 때 언제든지 계획에 액세스하세요. 태그, 식사 및 재료도 저장됩니다.

자동으로 생성된 장보기 목록: 한 주 계획을 마치면 구매해야 할 모든 항목이 포함된 장보기 목록이 생성됩니다

.

주간 계획을 PDF 또는 PNG로 다운로드: 인쇄하거나 다른 사람에게 보낼 수 있습니다.

태그 및 제목 기반 검색: 모든 식사를 태그 또는 제목으로 검색하여 시간을 더욱 절약할 수 있습니다.

주 계획을 무작위로 지정: 아이디어가 없습니까? "Randomize"라는 버튼은 어떤 날짜와 시간에 어떤 태그가 허용되는지에 따라 계획의 모든 빈 슬롯을 무작위 식사로 채웁니다. 허용된 태그는 설정에서 조정할 수 있습니다.

다국어: Yummyplan은 영어와 독일어로 제공됩니다

.

PWA로 사용 가능: 태블릿에 설치하고 홈 화면을 통해 액세스할 수 있습니다

.

무료입니다: 무료이며 MIT에서 라이선스를 받았습니다.

Github 리포지토리

버그를 발견했거나 새로운 기능을 제안하고 싶다면 다음 GitHub 리포지토리를 참조하세요.

맛있는 계획 / yummyplan.github.io

일주일 내내 사용할 수 있는 식사 계획 앱 - Nuxt와 tailwind로 구축

야미플랜

A meal planning app for an entire week

야미플랜이란?

Yummyplan은 드래그 앤 드롭을 통해 가족을 위한 일주일 분량의 식사를 계획할 수 있는 앱입니다. 만들기, 편집
식사를 삭제하고 재료와 태그를 지정하고 계획을 PDF 또는 PNG로 다운로드합니다.
식사에 대한 아이디어가 없습니까? "랜덤"버튼을 사용하여 빈 슬롯에 임의의 식사를 할당하세요! 무작위 식사는 다음의 세트를 따릅니다.
매일 및 식사 시간에 대해 허용된 태그입니다.
계획을 마치고 장을 보러 가야 합니까? 정렬된 통합 식료품 목록도 사용할 수 있습니다!
모든 것이 브라우저에 저장되므로 로그인이나 계정이 필요하지 않습니다.
일부 기본 콘텐츠는 독일어와 영어로 제공되지만 자체 식사 및 재료를 추가할 수 있습니다.
여기에서 확인하세요: yummyplan.github.io

일부 스크린샷

주 계획
식사 편집

빌드 설정

# install dependencies
$ npm

…


View on GitHub

사용된 기술

Typescript 및 Tailwind의 Vuex와 함께 Nuxt와 캔버스 및 PDF 처리를 위한 추가 라이브러리를 빌드했습니다.

테스트는 Jest로 수행되며 표준 ESLint 설정은 높은 코드 품질을 보장합니다.

어떻게 생겼는지

여기 스크린샷이 있습니다!