Recipe Scaler 是一款现代化的 AI 驱动移动应用,采用 Expo 和 React Native 构建,帮助用户轻松管理、扩展和发现食谱。
概览
Recipe Scaler 是一款现代、由 AI 驱动的移动应用,采用 Expo 和 React Native 构建,帮助用户轻松管理、扩展和发现食谱。该应用集成了 Gemini AI,提供从图片扫描食谱和智能搜索等智能功能。 - : 即时调整任意份量的食材数量。- : 利用谷歌Gemini AI支持的自然语言(如“辣味鸡肉”)查找食谱。- : 利用AI驱动的OCR和解析直接导入图片中的食谱。- : 使用Supabase在不同设备间保存并同步你喜欢的食谱。- : 获取食材的估计营养数据。- : 一个时尚、暗色调的界面,动画流畅,体验高端。 - : Expo / React Native - : TypeScript - : Google Gemini AI - : Supabase - : Expo Router - : Expo 矢量图标(Lucide) - Node.js(推荐使用最新LTS)- 在你的物理设备上或模拟器上运行的Expo Go应用。- 一个Gemini API密钥- 一个Supabase项目 3. : 创建一个 。
概述(AI 翻译)
Recipe Scaler 是一款现代、由 AI 驱动的移动应用,采用 Expo 和 React Native 构建,帮助用户轻松管理、扩展和发现食谱。该应用集成了 Gemini AI,提供从图片扫描食谱和智能搜索等智能功能。
✨ 特色
- 智能食谱缩放:可即时调整任意份量的食材数量。
- AI驱动搜索:利用自然语言(例如“辣味鸡肉菜肴”)查找由谷歌Gemini AI驱动的食谱。
- 配方扫描:利用AI驱动的OCR和解析直接从图片导入配方。
- 云同步:使用Supabase在不同设备间保存并同步你喜欢的食谱。
- 营养洞察:获取食材的估计营养数据。
- 现代UI:简洁、暗色调的界面,动画流畅,体验高端。
🛠 技术堆栈
- 框架:Expo / React Native
- 语言:TypeScript
- AI引擎:谷歌Gemini AI
- 数据库与认证:Supabase
- 导航:博览会路由器
- 图标:博览会矢量图标(Lucide)
🚀 开始
先决条件
- Node.js(推荐最新的LTS)
本页由 AI 翻译,技术细节请以原文为准。
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).
推荐工具
换一个关键词,或者移除筛选条件。
安装
npx skillfish add emadmazzawi/recipes-app