ER

emadmazzawi/recipes-app

开发工具

本页由 AI 翻译,技术细节请以原文为准。 查看原文

0 stars 质量 44 趋势 0

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

🚀 Getting Started

Prerequisites

Installation

  1. Clone the repository:

    git clone https://github.com/Emadmazzawi/recipes-app.git
    cd recipes-app
    
  2. Install dependencies:

    npm install
    
  3. Set up Environment Variables: Create a .env file in the root directory and add your keys (refer to .env.example):

    cp .env.example .env
    

    Edit .env and 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
    
  4. 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).

在 GitHub 查看完整 README

推荐工具

换一个关键词,或者移除筛选条件。

安装

npx skillfish add emadmazzawi/recipes-app
新手?先看 mcpskill.org 教程 →