Case Study

AI-Powered Mobile Application

MVP mobile product for shopping lists, kitchen inventory, and AI-assisted recipe generation, built with React Native, Supabase, OpenAI, and Stripe-backed subscription flows.

Mobile AppAI FeaturesSubscriptions2025-Present

Overview

Designed and implemented an MVP mobile application focused on shopping lists and recipe generation based on what is already in the kitchen. The app was built in React Native and TypeScript, with Supabase used as the backend platform for authentication, database access, and server-side workflows.

Problem

Meal planning and grocery shopping are often fragmented across notes apps, memory, and disconnected recipe tools. The product needed to help users keep track of ingredients they already had, build shopping lists quickly, and generate useful meal ideas without adding friction.

  • Users needed a simple mobile-first workflow for kitchen inventory and shopping lists
  • Recipe suggestions needed to reflect ingredients already available at home
  • Authentication, payments, and data access needed to be secure from the start
  • The architecture needed to support future scaling beyond the initial MVP

Solution

Built a mobile-first application with a clear separation between client, backend services, and data layers. The frontend experience was designed in Figma and translated into production React Native components, while Supabase handled authentication, PostgreSQL data access, row-level security, and backend logic through Edge Functions.

  • Implemented the app in React Native with TypeScript for a maintainable cross-platform codebase
  • Designed user journeys, wireframes, and UI components in Figma before production build-out
  • Used PostgreSQL with row-level security to protect user data access
  • Added Edge Functions for secure server-side logic and backend workflows
  • Integrated OpenAI APIs to support AI-assisted recipe and content features
  • Integrated Stripe payments and webhook flows for subscriptions and payment state handling

Outcome

The result was a production-oriented MVP with a strong technical foundation, combining mobile UX, secure backend services, and monetisation-ready infrastructure. The architecture supports further iteration on AI features, subscription models, and additional product workflows without major rework.

  • Delivered a usable MVP for shopping lists, ingredient tracking, and recipe generation
  • Created a secure foundation for authentication and user-specific data access
  • Enabled AI-powered product features directly inside the mobile experience
  • Established payment and subscription flows ready for future monetisation

Role

Owned the product direction, UI/UX design, mobile implementation, backend architecture, AI integration, and payment workflow setup from MVP concept through to a scalable technical foundation.

Tech Stack

React NativeTypeScriptSupabasePostgreSQLRow-Level SecurityEdge FunctionsOpenAI APIsStripeWebhooksFigma