Recipe Scaler is a modern, AI-powered mobile application built with Expo and React Native that helps users manage, scale, and discover recipes effortlessly.
Overview
Recipe Scaler is a modern, AI-powered mobile application built with Expo and React Native that helps users manage, scale, and discover recipes effortlessly. Integrating Gemini AI, the app provides smart features like recipe scanning from images and intelligent search. - : Instantly adjust ingredient quantities for any number of servings. - : Find recipes using natural language (e.g., "something spicy with chicken") powered by Google's Gemini AI. - : Import recipes directly from images using AI-driven OCR and parsing. - : Save and sync your favorite recipes across devices using Supabase. - : Get estimated nutritional data for your ingredients. - : A sleek, dark-themed interface with smooth animations and a premium feel. - : Expo / React Native - : TypeScript - : Google Gemini AI - : Supabase - : Expo Router - : Expo Vector Icons (Lucide) - Node.js (Latest LTS recommended) - Expo Go app on your physical device or an emulator. - A Gemini API Key - A Supabase Project 3. : Create a .
README
Recipe Scaler 🍳
Recipe Scaler is a modern, AI-powered mobile application built with Expo and React Native that helps users manage, scale, and discover recipes effortlessly. Integrating Gemini AI, the app provides smart features like recipe scanning from images and intelligent search.
✨ Features
- Smart Recipe Scaling: Instantly adjust ingredient quantities for any number of servings.
- AI-Powered Search: Find recipes using natural language (e.g., “something spicy with chicken”) powered by Google’s Gemini AI.
- Recipe Scanning: Import recipes directly from images using AI-driven OCR and parsing.
- Cloud Sync: Save and sync your favorite recipes across devices using Supabase.
- Nutritional Insights: Get estimated nutritional data for your ingredients.
- Modern UI: A sleek, dark-themed interface with smooth animations and a premium feel.
🛠 Tech Stack
- Framework: Expo / React Native
- Language: TypeScript
- AI Engine: Google Gemini AI
- Database & Auth: Supabase
- Navigation: Expo Router
- Icons: Expo Vector Icons (Lucide)
🚀 Getting Started
Prerequisites
- Node.js (Latest LTS recommended)
- Expo Go app on your physical device or an emulator.
- A Gemini API Key
- A Supabase Project
Installation
-
Clone the repository:
git clone https://github.com/Emadmazzawi/recipes-app.git cd recipes-app -
Install dependencies:
npm install -
Set up Environment Variables: Create a
.envfile in the root directory and add your keys (refer to.env.example):cp .env.example .envEdit
.envand add your actual API keys:EXPO_PUBLIC_GEMINI_API_KEY=your_gemini_api_key_here EXPO_PUBLIC_SUPABASE_URL=your_supabase_url_here EXPO_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key_here -
Start the development server:
npm start
🔒 Security
This project uses environment variables for all sensitive API keys. The .env file is included in .gitignore to prevent accidental exposure of credentials. A .env.example is provided for local setup.
📄 License
This project is for demonstration purposes. MIT License (or specify your own).
Recommended Tools
Try a different keyword or remove a filter.
Install
npx skillfish add emadmazzawi/recipes-app