Home dashboard
- Quick-action cards (Add Recipe, Browse, Meal Planner, Smart Search)
- Recently added recipes grid, today's planned meals, and favorites — all at a glance
Back to portfolio
Open live app
AI Lab · Case study
RecipeBook
A full-featured recipe collection app where users can import, create, organize, plan, and share recipes.
Year
2026
Status
Completed
Platform
Mobile-first
Stack
Base44 · RLS
01 / What it does
RecipeBook is a full-featured recipe collection app where users can import, create, organize, plan, and share recipes. Built on the Base44 platform (React + Tailwind CSS), it pairs a clean mobile interface with AI-driven extraction, generation, and a secure sharing model.
Every recipe, meal plan, and share is protected by row-level security — so users only ever see and modify their own data.
02 / The product
From ingredients on hand to a planned week of meals.
03 / Core features
A complete kitchen companion, end to end.
Recipe collection
- Browse all saved recipes in a responsive card grid
- Filter by cuisine, meal type, and dietary tags (vegetarian, vegan, gluten-free, keto, etc.)
- Full-text search across titles, descriptions, and cuisines
Add recipes (two methods)
- URL Import — paste any recipe link and AI extracts the title, ingredients (with quantities/units), step-by-step instructions, cuisine, meal type, dietary tags, prep/cook time, and servings
- A server-side backend function scrapes real image URLs from the page HTML (bypassing CORS), and another downloads + re-uploads the chosen image to secure storage
- Manual Entry — build a recipe from scratch with dynamic ingredient/step lists, then click "Get AI Suggestions" to auto-generate a title, description, cuisine, dietary tags, and difficulty based on what you entered
Recipe detail view
- Full ingredient list with a serving-size scaler (½x / 1x / 2x) that intelligently converts between teaspoons and tablespoons
- Numbered step-by-step instructions
- Star rating system, favorite toggle
- Upload your own photo or generate an AI food photo
- Direct link back to the original source URL
AI-powered features
- AI recipe generator page
- AI image generation for professional cookbook-style food photography
- AI-assisted recipe extraction and suggestions
Meal planner
- Weekly calendar interface to schedule recipes into breakfast/lunch/dinner/snack slots
- Caches recipe title + image for quick reference
Smart search
- Search recipes by ingredients you have on hand
Recipe sharing
- Share any recipe with another user by email, with an optional personal message
- Recipients get a notification badge and can accept or decline
- On acceptance, a secure backend function copies the recipe into the recipient's own collection (bypassing row-level security safely)
- Non-registered recipients are auto-invited to the app
Notifications
- Dedicated page for pending incoming recipe shares
Technical highlights
- Row-Level Security (RLS) on every entity — users only see and modify their own recipes, meal plans, and shares
- Backend functions for server-side image scraping and secure sharing across users