Join Our Build

PlateUp

AI-powered meal planning app that generates personalized meal plans, recipes, and grocery lists using Claude AI.

Mobile App

completed

3 months duration

PlateUp

PlateUp is a mobile app that uses AI to generate personalized meal plans based on dietary preferences, household size, and cooking skill. Users get complete weekly meal plans with recipes and auto-generated grocery lists. Built with Expo and React Native for cross-platform delivery, with Supabase for auth and data, RevenueCat for subscriptions, and Claude API for intelligent meal generation.

AI Generation Types

< 10s

Meal Plan Generation

iOS + Android

Cross-platform

$6.99/mo

Pro Subscription

React NativeExpoTypeScriptSupabaseClaude APIRevenueCat

PROJECT OVERVIEW

A comprehensive look at the challenges, solutions, and results of the PlateUp project.

THE CHALLENGE

Generating coherent weekly meal plans with AI that respect dietary constraints
Managing AI generation costs while keeping subscription pricing competitive
Building a smooth mobile experience for meal planning workflows
Implementing gated AI usage with free tier limits

OUR SOLUTION

Structured Claude API tool_use pattern for consistent meal plan output
Tiered generation limits with local usage tracking via AsyncStorage
Expo Router with tab-based navigation for quick access to plans and recipes
Supabase Edge Functions for server-side AI calls with cost control

THE RESULTS

Complete meal planning flow: generate plan, view recipes, create grocery list
Three-tier subscription model via RevenueCat (Free, Lite, Pro)
Cross-platform iOS and Android from single codebase
AI generation under 10 seconds per meal plan

DETAILED CASE STUDY

PROJECT BACKGROUND

TECHNICAL IMPLEMENTATION

A deep dive into the architecture, technologies, and development approach used to build the PlateUp.

SYSTEM ARCHITECTURE

The system was built using modern architecture patterns ensuring scalability, reliability, and maintainability. Each component handles specific business functions and communicates through well-defined APIs.

FRONTEND LAYER

React Native + Expo with tab-based navigation and AI-generated content rendering

API GATEWAY

Supabase Edge Functions for server-side Claude API calls with cost control

BUSINESS LOGIC

Structured AI tool_use pattern for consistent meal plan generation with dietary constraints

DATA LAYER

Supabase PostgreSQL with Row Level Security, AsyncStorage for local usage tracking

KEY FEATURES DELIVERED

AI Meal Plan Generation

Claude AI generates complete weekly meal plans tailored to dietary preferences, household size, and cooking skill level.

Claude APIPersonalizationWeekly Plans

Smart Recipe Suggestions

AI-powered recipe suggestions based on available ingredients, dietary needs, and past preferences.

AI SuggestionsIngredient-basedDietary Filters

Auto Grocery Lists

Automatically generated grocery lists from meal plans, organized by store section.

Auto-generatedStore SectionsQuantity Aggregation

Subscription Management

Three-tier pricing with gated AI usage. RevenueCat handles billing across platforms.

RevenueCatFree TierCross-platform Billing

DEVELOPMENT TIMELINE

Architecture & Auth

Expo setup, Supabase auth, database schema

Week 1-2

AI Integration

Claude API edge functions for meal plans, recipes, suggestions

Week 3-5

Core Features

Meal plan UI, recipe viewer, grocery list generation

Week 6-9

Monetization & Polish

RevenueCat integration, paywall, UX audit fixes

Week 10-12

WHAT OUR CLIENT SAYS

Hear directly from the PlateUp User team about their experience working with JoinOurBuild.

Priya Sharma

Working Mom of 3, PlateUp User

“I was spending 45 minutes every Sunday just figuring out what to cook for the week. PlateUp generates a full plan in seconds — and it actually respects my family's dietary restrictions. The grocery list feature alone saves me a trip back to the store every week.”