Savor Swipe

From Cravings to Cooking - Swipe, Discover, Repeat!
SavorSwipe »

Swipe left to discover mouthwatering food photos and right to reveal the complete recipe—ingredients with directions. Upload a picture of your own directions, ingredients or recipe to join it to the swipe list.

Features

• Swipe Navigation: Easily browse through recipes by swiping left to discard or right to select.
• Recipe Details: View detailed information about each recipe, including ingredients and cooking instructions.

Technologies Used

• Expo: A framework and platform for universal React applications.
• AWS: Lambda for Dynamic Processing, S3 for Storage
• GPC: Custom Search JSON API - Web image search for food
• OPENAI: OCR for adding new recipes

Installation

To get started with the SavorSwipe, follow these steps:

1. Clone the repository:

   git clone https://github.com/yourusername/savorswipe.git
   cd savorswipe

2. Install dependencies:

   npm install 

3. Create the backend Services

   • s3 bucket to hold recipes
     • Two folders /images and /jsondata
   • Lambda Function
     • With the Environmental Variables

     API_KEY=<openai key for image ocr>
     SEARCH_ID=<custom search engine ID for Google Custom Search JSON API>
     SEARCH_KEY=<GPC API key to access Search Engine>
     AWS_S3_BUCKET=<to store images and recipes>

4. Add .env File

   EXPO_PUBLIC_CLOUDFRONT_BASE_URL=<cloudfront distro fronting s3 image bucket>
   EXPO_PUBLIC_LAMBDA_FUNCTION_URL=<lambda url for backend>

5. Start the development server:

   npm start

Usage

1. Launch the app on your device.
2. Swipe right to select a recipe or swipe left to discard it.
3. Tap on a recipe to view its details, including ingredients and cooking instructions.

License

This project is licensed under the Apache License 2.0 - see the Apache License 2.0 for details.