FoodSnaps

FoodSnaps is a mobile application made during Hack Western 2022. The inspiration for this app came from a common problem many people face when it comes to meal planning and ingredient management - not knowing what to cook when you have limited ingredients available. Our goal was to make it easier for users to find recipes by lowering the friction of obtaining them. To achieve this, we implemented two input methods for finding recipes - using the camera to snap a picture of an ingredient and interacting with an AI chatbot to describe textually what you want to eat.

Note : Navigate to nutrient-ai-identifier folder for react native app

⚙️ Features

• Select an image from camera roll
• Chat with an AI Chatbot

📸 Screenshots

Built With 🛠

• Expo - Expo is an open-source platform for making universal native apps with JavaScript and React
• React - React is a JavaScript library for building user interfaces
• NodeJS - Node.js is an open-source, cross-platform, back-end JavaScript runtime environment
• Spoonacular - Spoonacular is a food and recipe API
• OpenAI - OpenAI's GPT-3 API performs a variety of tasks related to natural language
• Next.js - Next.js is an open-source web development framework created by Vercel enabling React-based web applications

Prerequisties

• NodeJS version 14+
• OpenAI API Key
• Spoonacular API Key
• ngrok

Getting started

• Clone the repo

git clone [email protected]:richardl2003/FoodSnaps.git
cd AI-NUTRITION-IDENTIFICATION

• Create environment variables for API keys

• Open two terminal shells

cd nutrient-ai-identifier

# Followed by
npx start expo

cd chatbot-backend

# Followed by
npm run dev

Note: to get the chatbot-backend to work, I used ngrok to prevent Network Request Failed error, follow this tutorial

Tools We Used

Created by: Shaan Suthar, Richard Li, Fraser MacFarlane, and Matthew Mark