식음료 템플릿
Ramekin Recipe Box and Meal Planner App
A recipe box app: save recipes from a link, a cookbook page or a family card with AI, cook one step at a time with timers, plan the week's dinners and shop from one shared list.
- 화면 33개
- iOS & Android
- 샘플 데이터
- 2026년 11월 4일 업데이트
- 검증된 릴리스
무료 복사 · 전체 소스 · 카드 필요 없음
화면
실제 앱의 화면 6개
포함된 내용
- Save a recipe from a link, photos of a page or card, or pasted text, and check each line before it is saved
- Cook mode: one step at a time, the ingredients each step uses, and timers that ring as notifications
- Plan the week's dinners from your own recipes, with Leftovers and Eating out nights
- One grocery list for the household: amounts add up, aisles in shop order, and who ticked what
- Adapt a recipe with AI, and What can I make? from a photo of the fridge
- Ramekin Pro through RevenueCat; opens on a sample kitchen before any backend is connected
템플릿 소개
Overview
Ramekin is a recipe box for home cooks who collect recipes everywhere: blogs, cookbooks, captions and a parent's handwritten cards. Save one in seconds, cook it one step at a time with the timers its steps name, plan the week's dinners from your own recipes and shop from one list the household shares.
The look is bright and photo-led: a white page, near-black ink and one cobalt accent that marks what is chosen (tonight's dinner, ticked items, the running timer), with a designed dark mode where the food photos glow. A recipe without a photo gets a typographic cover instead of an icon.
Key features
Today: tonight's dinner with Start cooking and Swap, the coming days and the list's progress
Recipe: servings that scale, US or Metric, ingredients that tick, and Add to list
Save a recipe: the reader's answer line by line, unsure amounts marked to check
Cook mode: large step text, the step's ingredients and timers that keep running across steps
Plan: the household's week, a dinner per day, Plan my week (Pro) and Shop for this week
List: one list for the household, aisles in shop order, staples hidden, Clear bought
Screens
Welcome, onboarding (who you cook for and a first recipe), Today, Recipes with collections and search, a recipe, Edit and New recipe, cook mode and its done screen, Plan, a day's dinner, Plan my week, List, What can I make?, Save a recipe (link, photos, pasted text), reading and Check the recipe, the AI notice, Adapt with AI, Collections and a collection, Household with an invite code, Settings, Keep your kitchen, What you don't eat, Cooked history, the paywall, Terms, Privacy and About: 33 screens, light and dark.
AI and backend
Supabase keeps each household's recipes, collections, plan, list, cook logs and photos, readable only by its members; the plan and the list update live on every phone in the household. Each install signs in anonymously, and an email with a 6-digit code keeps the kitchen on a new phone. One Edge Function runs the AI tasks with Gemini (read a link, photos or pasted text, adapt a recipe, plan the week, read the fridge) against a daily allowance; scaling, unit conversion, timers and the grocery merge run on the phone without AI.
Monetisation
Ramekin Pro through RevenueCat, yearly with a 7-day free trial or monthly: Plan my week, Adapt with AI, What can I make? and 200 AI units a day instead of 3. Saving, cooking, planning and the shared list stay free.
Setup
It opens on a sample kitchen with no setup: a household of two, 18 recipes, this week's plan and a list. Connect Supabase for accounts and the shared kitchen, add your Gemini key for the AI reader, then RevenueCat for Pro. Reminders and kitchen timers are local notifications.
제공 내용
- 전체 소스 — TypeScript로 된 Expo와 React Native, 작업 공간의 앱으로 받아요.
- 라이브 미리보기 — 모든 변경을 브라우저나 휴대폰에서 바로 확인해요.
- 검증된 릴리스 — 컴파일되고 모든 화면이 오류 없이 열려요.
- AI 어시스턴트 — 채팅으로 무엇이든 바꿔요. 변경마다 크레딧을 써요.
- 빌드와 스토어 업로드 — iOS와 Android 빌드를 게시에서 App Store와 Google Play로 보내요.
- 복사에 크레딧 불필요 — 복사 자체는 크레딧이 들지 않아요.
최신 버전의 FluxNative로 만들었어요.
필요한 것
- FluxNative 계정 — Free 플랜은 앱을 2개까지 가질 수 있어요.
- 시작에 백엔드 불필요 — 내 것을 연결할 때까지 샘플 데이터로 실행돼요.
- Creator 이상 — 네이티브 빌드와 스토어 업로드용이에요.
- 스토어 계정 — 게시하려면 Apple Developer Program(연 99달러)과 Google Play(1회 25달러)가 필요해요.
소스에 담긴 것
- 화면
- 33
- 사본 속 파일
- 489
- 이 앱을 위해 쓴 코드 줄
- 1.7만
- 바로 쓰는 UI 컴포넌트
- 142
앱 텍스트: 영어 및 베트남어
기술 스택
- Expo SDK
- 57.0.22
- React Native
- 0.86.3
- React
- 19.2.8
- TypeScript
- 6.0.3
- Expo Router
- 57.0.21
- Supabase JS
- 2.112.3
- RevenueCat
- 10.9.1
이 릴리스의 package.json 기준이에요.
디자인 시스템
- 제목
- 시스템 글꼴
- 본문
- 시스템 글꼴
- 라이트·다크 모드
- Liquid Glass
- 캡슐형 버튼
- 떠 있는 카드
포크 후 설정
복사본은 이를 만든 AI 어시스턴트와 함께 열려요. 단계를 순서대로 진행하세요. 단계가 요구하는 연결은 Server에서 하고, 각 프롬프트를 보내세요.
Connect Supabase and apply Ramekin's migrations
Server › Backend › Supabase. Apply the three migrations in supabase/migrations in name order, turn on anonymous sign-ins in Authentication, and keep their rate limit per IP low.
AI용 프롬프트Connect this app to my Supabase project: set EXPO_PUBLIC_SUPABASE_URL and EXPO_PUBLIC_SUPABASE_ANON_KEY, apply the migrations in supabase/migrations in name order, and walk me through allowing anonymous sign-ins with a low rate limit per IP. Then check that a new install gets its own empty kitchen.
Send 6-digit codes from Supabase
Keep the Email provider on and put {{ .Token }} in the Magic Link and Change Email Address templates, so Keep your kitchen and signing in on a new phone use a code.
AI용 프롬프트Walk me through Supabase Authentication: put the {{ .Token }} code in the Magic Link and Change Email Address templates, then test Keep your kitchen with my email.
Add the Gemini key under API keys & secrets
Server › API keys & secrets: GEMINI_API_KEY, AI_FREE_UNITS_PER_DAY=3 and AI_PRO_UNITS_PER_DAY=200. Saving from a link, photos or text, Adapt, Plan my week and What can I make? use them.
AI용 프롬프트Add GEMINI_API_KEY, AI_FREE_UNITS_PER_DAY=3 and AI_PRO_UNITS_PER_DAY=200 as secrets for the ai function.
Deploy the AI and account functions
Deploy supabase/functions/ai and supabase/functions/delete-account (JWT verification on), then check the allowance with the usage task.
AI용 프롬프트Deploy the ai and delete-account Edge Functions in supabase/functions with my secrets (JWT verification on for both), then call the ai function with { "task": "usage" } and save a recipe from a link in the app.
Sell Ramekin Pro with RevenueCat
Server › Monetization: an entitlement "pro", a yearly package with a 7-day free trial and a monthly one, the public SDK keys, and the webhook URL with its secret.
AI용 프롬프트Set up Ramekin Pro with RevenueCat: entitlement pro, an offering with $rc_annual (7-day free trial) and $rc_monthly, add EXPO_PUBLIC_REVENUECAT_IOS_KEY and EXPO_PUBLIC_REVENUECAT_ANDROID_KEY, set REVENUECAT_WEBHOOK_SECRET, deploy the revenuecat-webhook function with JWT verification off and register its URL in RevenueCat.
Fill a sample kitchen for App Review
Make a demo account with Keep your kitchen, then load the sample kitchen into its household with load_sample_kitchen, so reviewers see recipes, a plan and a list.
AI용 프롬프트Help me make an App Review demo account: after I save my kitchen with the demo email in the app, find its household in Supabase and run select public.load_sample_kitchen('<household id>'); as the README's App Review section says.
이 템플릿 사용 방법
- 템플릿을 사용하면 소스가 포함된 편집 가능한 사본이 워크스페이스에 생겨요(템플릿).
- 원하는 변경을 AI 어시스턴트에게 평소 말투로 요청하세요(어시스턴트와 작업하기).
- 각 변경은 실시간 미리보기나 휴대폰에서 확인하세요(미리보기).
- Creator 이상 플랜에서 iOS와 Android용으로 빌드해 스토어에 제출하세요(게시 개요).
라이선스와 지원
라이선스
나를 위해 만든 앱은 내 것이에요. 템플릿 코드는 InspireUI 소유로 남으며 내 앱에서 쓰도록 라이선스돼요(약관 › 당사의 지식재산).
FluxNative 제작
지원 정책질문
무료인가요?
무료 템플릿 복사는 크레딧도 들지 않아요. Premium은 웹사이트당 1회 구매예요. 채팅 변경과 빌드에는 크레딧을 써요.
무엇을 소유하나요?
나를 위해 만든 앱은 내 것이에요. 템플릿 코드는 InspireUI 소유이고 내 앱에서 쓸 수 있도록 라이선스돼요(이용약관 › 당사의 지적 재산).
코드를 알아야 하나요?
아니요. 어시스턴트에게 쉬운 말로 변경을 요청하세요. 필요하면 전체 소스도 있어요.
백엔드가 포함되나요?
아니요. 완전한 앱은 필요한 백엔드를 알려 주고, 서버에서 내 것을 연결해요. 디자인은 샘플 데이터로 실행돼요.
디자인을 바꿀 수 있나요?
네. 디자인 탭에서 브랜드 색, 색상, 글꼴, 모서리를 크레딧 없이 설정해요. 나머지는 어시스턴트가 바꿔요.
게시하려면 어떤 플랜이 필요한가요?
Creator 이상이면 내 Apple·Google 계정으로 빌드하고 스토어에 업로드해요. Premium 템플릿의 앱은 웹사이트를 연결하면 어떤 플랜이든 빌드돼요.
소스를 다운로드할 수 있나요?
네. 작업 공간에서 플랜, 크레딧 또는 유료 템플릿을 구매했다면 소스 다운로드나 GitHub 푸시로 가능해요. Premium 템플릿의 앱은 웹사이트 연결도 필요해요.
이전 FluxNative로 만들었다면요?
복사본은 그대로 작동해요. 앱 언어와 통화 같은 새 기능은 어시스턴트에게 업데이트를 요청하세요. 마지막 설정 단계예요.
내 앱으로 만들어 볼까요?
Ramekin Recipe Box and Meal Planner App에서 시작해 채팅으로 무엇이든 바꾸세요. 사본에는 전체 소스 코드가 포함돼요.
무료로 복사하세요. 신용카드는 필요 없어요.