My Meal Mind Online

MyMealMind – Your personal digital cookbook to save, share, and publish recipes with ease.

Comment 2

🚀 MyMealMind — Project Story

💡 Inspiration

As someone who often saves recipes in scattered places—bookmarks, notes, screenshots—I wanted a central, beautiful, and functional place to manage everything. MyMealMind was born from a desire to organize recipes, share creations, and explore a growing cooking community, all while maintaining control over privacy and publishing.

🛠️ How I Built It

  • Frontend: Built with modern React + TypeScript, styled with Tailwind CSS, and deployed via Netlify.
  • Authentication & Database: Managed by Supabase, including auth, image storage, and email verification.
  • Email Domain: Connected a professional domain and mailbox via IONOS.
  • Payments & Subscriptions: Integrated RevenueCat Web SDK with Stripe to handle Pro subscriptions, including a badge system and publication limits.
  • Serverless Logic: Configured Supabase Edge Functions to manage subscription cancellation hooks.
  • CI/CD & Live Previews: Managed in Bolt, connected with GitHub for seamless updates.

📚 What I Learned

  • How to implement role-based access control (e.g., guests, free users, Pro users).
  • How to use Supabase SMTP with a custom domain.
  • How to handle soft limits for free-tier publishing.
  • Stripe integration via RevenueCat without native mobile SDKs.
  • Building a Pro onboarding flow with a badge, unlock visuals, and gated publishing.

⚠️ Challenges

  • Handling delayed email confirmations and the user flow for unverified users.
  • Ensuring likes and filters worked without triggering infinite loops in React state.
  • Managing route-level access for unpublished or private content.
  • Debugging RevenueCat purchase validation across subscriptions (monthly/annual).
  • Making the UI feel premium, intuitive, and still performant.

🌐 Live Site

https://mymealmind.online

Built With

Share this project:

Updates

Submission history