Template de Comidas e bebidas
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 telas
- iOS e Android
- Dados de exemplo
- Atualizado em 4 de nov. de 2026
- Versão verificada
Cópia grátis · Código completo · Sem cartão
Telas
6 telas do app em funcionamento.
O que vem incluído
- 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
Sobre este modelo
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.
O que você recebe
- Código completo: Expo e React Native em TypeScript, como um app no seu espaço de trabalho.
- Prévia ao vivo: teste cada mudança no navegador ou no celular.
- Versão verificada: compila e todas as telas abrem sem erros.
- Assistente de IA: mude o que quiser pelo chat; cada mudança usa créditos.
- Builds e envio às lojas: builds de iOS e Android, enviados à App Store e ao Google Play pelo Publish.
- Copiar não gasta créditos: a cópia em si não custa nada.
Feito com a versão atual do FluxNative.
O que você precisa
- Uma conta FluxNative: o plano Free comporta até 2 apps.
- Sem backend para começar: usa dados de exemplo até você conectar o seu.
- Creator ou superior: para builds nativos e envio às lojas.
- Contas das lojas: Apple Developer Program (US$ 99 por ano) e Google Play (US$ 25 uma vez), para publicar.
O que vem no código
- telas
- 33
- arquivos na sua cópia
- 489
- linhas escritas para este app
- 16,6 mil
- componentes de UI prontos
- 142
Textos do app em inglês e vietnamita
Stack técnica
- 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
Do package.json desta versão.
Design system
- Títulos
- Fonte do sistema
- Texto
- Fonte do sistema
- Modos claro e escuro
- Liquid Glass
- Botões em pílula
- Cards elevados
Configuração depois do fork
Sua cópia abre com o assistente de IA que a criou. Siga os passos em ordem: conecte em Server o que um passo pedir e depois envie cada prompt.
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.
Prompt para a IAConnect 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.
Prompt para a IAWalk 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.
Prompt para a IAAdd 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.
Prompt para a IADeploy 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.
Prompt para a IASet 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.
Prompt para a IAHelp 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.
Como usar este template
- Use o template para ter uma cópia editável, com o código-fonte, no seu espaço de trabalho (Templates).
- Peça ao assistente de IA as mudanças que quiser, com suas próprias palavras (Trabalhar com o assistente).
- Teste cada mudança na prévia ao vivo ou no seu celular (Prévia).
- No Creator ou superior, gere o app para iOS e Android e envie às lojas (Visão geral da publicação).
Licença e suporte
Licença
O app criado para você é seu; o código do modelo continua da InspireUI e é licenciado para uso nos seus apps (Termos › Nossa propriedade intelectual).
Ajuda
- Guias sobre templates, o assistente e a publicação.
- Falar com o suporte em Ajuda; respondemos em geral em 1–2 dias úteis.
- Na sua cópia, pergunte ao assistente de IA sobre qualquer tela ou arquivo.
Feito pelo FluxNative
Política de suportePerguntas
É grátis?
Copiar um template grátis não custa nada, nem créditos; um Premium é uma compra única por site. Mudanças pelo chat e builds usam créditos.
O que é meu?
Você é dono do app feito para você. O código do template continua da InspireUI e é licenciado para uso nos seus apps (Terms › Our intellectual property).
Preciso saber programar?
Não. Peça mudanças ao assistente com suas palavras; o código completo está lá quando quiser.
Vem com backend?
Não. Um app completo diz qual backend precisa e você conecta o seu em Server; um design usa dados de exemplo.
Posso mudar o design?
Sim. A aba Design muda cor da marca, cores, fontes e cantos sem gastar créditos; o assistente muda o resto.
Qual plano preciso para publicar?
Creator ou superior faz build e envia às lojas, com suas próprias contas Apple e Google. O app de um template Premium faz build em qualquer plano depois que o site é conectado.
Posso baixar o código?
Sim, com Download source ou Push to GitHub, depois que seu espaço de trabalho comprar um plano, créditos ou um template pago. O app de um template Premium também precisa do site conectado.
E se foi feito com um FluxNative anterior?
Sua cópia funciona como está. Peça ao assistente para atualizá-la com recursos novos, como idiomas e moedas do app; é o último passo da configuração.
Pronto para transformar no seu app?
Comece a partir de Ramekin Recipe Box and Meal Planner App e mude o que quiser pelo chat. Sua cópia vem com o código-fonte completo.
Cópia grátis. Sem cartão de crédito.