• 

  Dashboard

• 

  Grocery list item

• 

  Discovery page

• 

• 

  Profile page for subscription

Scan Chef

Inspiration

Ethan's explanation inspired me to address a gap I identified in cooking. We've all been there - staring at a fridge full of random ingredients, wondering what to cook. Or forgetting that one crucial item at the grocery store. Or having recipes scattered across bookmarks, screenshots, and torn-out magazine pages. These everyday frustrations inspired us to create Scan Chef, a smart culinary companion that turns ingredient chaos into cooking inspiration. We wanted to reduce food waste, simplify meal planning, and make cooking more accessible and enjoyable for everyone.

What it does

Scan Chef is a comprehensive recipe management app that revolutionizes how people cook at home. Using AI-powered computer vision, users can scan ingredients from their pantry and instantly generate personalized recipes. The app features unlimited custom cookbooks for organizing favorite recipes, intelligent grocery lists that automatically extract and categorize ingredients, and seamless cross-device syncing. Users can set dietary preferences and allergies, browse a growing recipe collection, and manage everything from meal planning to grocery shopping in one beautiful mobile app.

How we built it

We built Scan Chef using React Native and Expo for cross-platform native performance on iOS and Android. The frontend leverages Expo Router for file-based navigation, TypeScript for type safety, and React Query for efficient data management. For the backend, we use Supabase for real-time database operations, secure authentication with OTP verification, and row-level security policies. The AI recipe generation integrates advanced vision APIs for ingredient recognition. We implemented AsyncStorage for offline support and RevenueCat for subscription management. The entire stack is optimized for both mobile and web compatibility.

Challenges we ran into

Integrating AI-powered image recognition with real-time recipe generation proved challenging - we had to optimize API calls and implement smart caching to keep the experience fast. Building a cross-platform app that works seamlessly on iOS, Android, and web required careful consideration of platform-specific APIs and polyfills. Managing complex state across authentication, real-time database syncing, and local storage while maintaining optimistic UI updates was intricate. We also faced challenges with React Native Web compatibility, particularly with animations and native features, requiring platform-specific workarounds.

Accomplishments that we're proud of

We're incredibly proud of creating a fully functional, production-ready app in such a short time. The AI scanning feature works smoothly and generates diverse, contextual recipes with unique thumbnails for each dish. Our custom cookbook system offers unprecedented flexibility compared to competitors. The grocery list feature intelligently categorizes ingredients and maintains recipe context. We implemented passwordless authentication for better security and UX. The app works beautifully across all platforms with a polished, mobile-native design that rivals top cooking apps. Most importantly, we built something that genuinely solves real problems people face daily.

What we learned

We learned that building mobile-first experiences requires different thinking than web development - touch targets, gestures, and screen real estate all matter more. React Native's cross-platform capabilities are powerful but require careful attention to platform-specific nuances. We discovered the importance of optimistic UI updates for creating responsive, delightful experiences. Working with Supabase taught us about real-time database design and RLS policies. We learned that good state management architecture (using React Query and context) makes complex features much more maintainable. Finally, we gained deep insights into user psychology around cooking and meal planning.

What's next for Scan Chef

We plan to expand Scan Chef with meal planning calendars, nutritional tracking, and recipe customization based on dietary needs. We'll add recipe import from URLs, allowing users to save recipes from any website. Video cooking tutorials and step-by-step guided cooking mode are on the roadmap. We're exploring partnerships with grocery delivery services like Instacart for seamless ingredient ordering. Social features like recipe sharing and community cookbooks will help users discover recipes from friends. We also plan to launch family sharing, premium chef-curated content, and white-label solutions for food brands. Our vision is to become the ultimate culinary companion for millions of home cooks worldwide.

Built With

• expo.io
• react-native
• revnuecat
• rork.ai
• supperbase
• typescript