Plantilla de Comida y bebida
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 pantallas
- iOS y Android
- Datos de ejemplo
- Actualizada el 4 nov 2026
- Versión verificada
Copia gratis · Código completo · Sin tarjeta
Pantallas
6 pantallas de la app en funcionamiento.
Qué incluye
- 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
Acerca de esta plantilla
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.
Qué obtienes
- Código completo: Expo y React Native en TypeScript, como una app en tu espacio de trabajo.
- Vista previa en vivo: prueba cada cambio en el navegador o en tu móvil.
- Versión verificada: compila y cada pantalla abre sin errores.
- Asistente de IA: cambia lo que quieras por chat; cada cambio usa créditos.
- Compilaciones y subida a tiendas: compilaciones de iOS y Android, enviadas a App Store y Google Play desde Publish.
- Copiar no gasta créditos: la copia en sí no cuesta nada.
Creada con la versión actual de FluxNative.
Qué necesitas
- Una cuenta de FluxNative: el plan Free admite hasta 2 apps.
- Sin backend para empezar: usa datos de ejemplo hasta que conectes el tuyo.
- Creator o superior: para compilaciones nativas y subida a tiendas.
- Cuentas de tienda: Apple Developer Program (99 US$ al año) y Google Play (25 US$ una vez), para publicar.
Qué incluye el código
- pantallas
- 33
- archivos en tu copia
- 489
- líneas escritas para esta app
- 16,6 mil
- componentes de UI listos
- 142
Textos de la app en inglés y vietnamita
Tecnologías
- 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
Del package.json de esta versión.
Sistema de diseño
- Títulos
- Fuente del sistema
- Texto
- Fuente del sistema
- Modo claro y oscuro
- Liquid Glass
- Botones de cápsula
- Tarjetas elevadas
Configuración después del fork
Tu copia se abre con el asistente de IA que la creó. Sigue los pasos en orden: conecta en Server lo que pida un paso y luego envía 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 la 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 la 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 la 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 la 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 la 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 la 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.
Cómo usar esta plantilla
- Usa la plantilla para tener una copia editable, con su código fuente, en tu espacio de trabajo (Plantillas).
- Pide al asistente de IA los cambios que quieras, con tus propias palabras (Trabajar con el asistente).
- Prueba cada cambio en la vista previa en vivo o en tu teléfono (Vista previa).
- Con Creator o superior, compílala para iOS y Android y envíala a las tiendas (Resumen de la publicación).
Licencia y soporte
Licencia
La app creada para ti es tuya; el código de la plantilla sigue siendo de InspireUI y tiene licencia para usarse en tus apps (Términos › Nuestra propiedad intelectual).
Ayuda
- Guías sobre plantillas, el asistente y la publicación.
- Contactar con soporte desde Ayuda; respondemos normalmente en 1–2 días laborables.
- En tu copia, pregunta al asistente de IA sobre cualquier pantalla o archivo.
Hecho por FluxNative
Política de soportePreguntas
¿Es gratis?
Copiar una plantilla gratis no cuesta nada, ni créditos; una Premium es un pago único por sitio web. Los cambios por chat y las compilaciones usan créditos.
¿Qué es mío?
Eres dueño de la app creada para ti. El código de la plantilla sigue siendo de InspireUI y tiene licencia para usarlo en tus apps (Terms › Our intellectual property).
¿Necesito saber programar?
No. Pide cambios al asistente con tus palabras; el código completo está ahí cuando lo quieras.
¿Incluye backend?
No. Una app completa indica el backend que necesita y conectas el tuyo en Server; un diseño usa datos de ejemplo.
¿Puedo cambiar el diseño?
Sí. La pestaña Design cambia el color de marca, los colores, las fuentes y las esquinas sin gastar créditos; el asistente cambia el resto.
¿Qué plan necesito para publicar?
Creator o superior compila y sube a las tiendas, con tus propias cuentas de Apple y Google. La app de una plantilla Premium compila en cualquier plan cuando su sitio web está conectado.
¿Puedo descargar el código?
Sí, con Download source o Push to GitHub, cuando tu espacio de trabajo haya comprado un plan, créditos o una plantilla de pago. La app de una plantilla Premium también necesita su sitio web conectado.
¿Y si se hizo con una versión anterior de FluxNative?
Tu copia funciona tal cual. Pide al asistente que la actualice a funciones nuevas, como idiomas y monedas de la app; es el último paso de configuración.
¿Lista para convertirla en tu app?
Empieza desde Ramekin Recipe Box and Meal Planner App y cambia lo que quieras por chat. Tu copia incluye el código fuente completo.
Copia gratis. Sin tarjeta de crédito.