https://github.com/tushar-shinde31/nutrisnap-react-native-app
NutriSnap is a React Native app that uses the Gemini API to analyze food photos and return calorie count, portion size, and detailed nutrition facts instantly. 🍽️📸🔥💡
https://github.com/tushar-shinde31/nutrisnap-react-native-app
ai expo gemini-api reactnative reactnavigation state-management
Last synced: about 1 year ago
JSON representation
NutriSnap is a React Native app that uses the Gemini API to analyze food photos and return calorie count, portion size, and detailed nutrition facts instantly. 🍽️📸🔥💡
- Host: GitHub
- URL: https://github.com/tushar-shinde31/nutrisnap-react-native-app
- Owner: Tushar-Shinde31
- Created: 2025-04-18T06:15:21.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-28T05:34:29.000Z (about 1 year ago)
- Last Synced: 2025-05-28T06:28:24.085Z (about 1 year ago)
- Topics: ai, expo, gemini-api, reactnative, reactnavigation, state-management
- Language: TypeScript
- Homepage:
- Size: 308 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🍽️ NutriSnap
NutriSnap is a powerful React Native app built with Expo that uses the Gemini API to analyze food from a photo. Just snap a picture of your meal, and instantly get insights like calories, nutritional facts, portion size, and more!
## 📹 Demo
Watch the live demo on YouTube: [NutriSnap Demo](https://youtube.com/shorts/AkMlVtN1F38)
---
## 📸 Features
- Open camera and click photo of any food item
- Detect:
- 🍱 Food name(s)
- 📏 Portion size
- 🍽️ Serving size
- Get detailed **Nutrition Facts (per portion)**:
- 🔥 Calories
- 💪 Protein
- 🍞 Carbohydrates
- 🥑 Fats
- 🌾 Fiber
- 🍭 Sugar
- 🧂 Sodium
- ❤️ Cholesterol
- Additional notes about the food and its contents
- Smooth and intuitive UI
---
## 🚀 Tech Stack
- **React Native (Expo)** — Cross-platform mobile development
- **Gemini API** — AI-powered image and text analysis
- **React Navigation** — App navigation
- **Expo Camera** — Capturing food images
- **Custom Components** — Clean and modular UI
- **State Management** — (React context or any library you use)
---
## 🛠️ Installation
```bash
git clone https://github.com/yourusername/nutrisnap.git
cd nutrisnap
npm install
npx expo start
```
---
### ⚠️ Expo SDK Compatibility
> **Note:** This project was built using an older version of Expo.
> To ensure compatibility, please install the matching versions:
- `expo-router@~4.0.21`
- `react-native@0.76.9`
If you're seeing Metro Bundler warnings, run the following commands:
```bash
npm install expo-router@~4.0.21 react-native@0.76.9
```
Then start the project with:
```bash
npx expo start -c
```
## 🧠 How It Works
1. You open the app and click a photo of any food item.
2. The image is sent to **Gemini API** for analysis.
3. It returns:
- 🍱 Food name(s)
- 📏 Portion + Serving size
- 🧾 Nutritional facts
- 🧠 Extra notes about the food
4. The data is displayed in a clean, readable format for the user.
---
## 🤝 Contributing
Feel free to submit issues or pull requests to improve the application. Contributions are always welcome!!!
---
## Author 👨💻
Developed by **[Tushar Shinde](https://github.com/Tushar-Shinde31)**. Connect with me on [LinkedIn](https://www.linkedin.com/in/tushar-shinde-262335257/).