https://github.com/thekartikeyamishra/menu-matcher-ai
✨ Discover the perfect meal based on your mood! 💡 Powered by OpenAI GPT-4 for intelligent dish recommendations. 🎨 Modern UI/UX with engaging animations 📱 Built with React Native & Expo 🔥 Fun emoji reactions.
https://github.com/thekartikeyamishra/menu-matcher-ai
ai aiagent chatgpt4 expo expo-cli nodejs openai reactjs
Last synced: 4 months ago
JSON representation
✨ Discover the perfect meal based on your mood! 💡 Powered by OpenAI GPT-4 for intelligent dish recommendations. 🎨 Modern UI/UX with engaging animations 📱 Built with React Native & Expo 🔥 Fun emoji reactions.
- Host: GitHub
- URL: https://github.com/thekartikeyamishra/menu-matcher-ai
- Owner: thekartikeyamishra
- Created: 2025-02-14T20:59:36.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-02-14T21:06:14.000Z (8 months ago)
- Last Synced: 2025-05-18T09:09:13.739Z (5 months ago)
- Topics: ai, aiagent, chatgpt4, expo, expo-cli, nodejs, openai, reactjs
- Language: JavaScript
- Homepage:
- Size: 15.6 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **Menu Matcher - AI-Powered Food Recommendation App 🍽️**
🚀 **Find the perfect dish for your mood with AI-powered recommendations!** Menu Matcher helps you discover dishes based on how you feel, providing engaging animations, fun emoji reactions, and seamless UI/UX.
---
## **📌 Features**
✅ **AI-Powered Recommendations** - Get dish suggestions based on your mood using OpenAI’s API.
✅ **Mood-Based Selection** - Choose from moods like *Happy, Sad, Adventurous, Hungry, or Lazy*, and let AI suggest the best dish.
✅ **Engaging Animations** - Smooth Lottie animations enhance the user experience.
✅ **Emoji Reactions** - Express your feelings towards a dish with fun emojis.
✅ **Order History Tracking** - View your previous AI-recommended meals.
✅ **Modern UI/UX** - Clean design with intuitive navigation and fluid animations.
✅ **Cross-Platform Support** - Built with **React Native & Expo**, runs on both **iOS & Android**.
---
## **📜 Installation & Setup**
### **🔧 Prerequisites**
Ensure you have the following installed:
- **Node.js** (Latest LTS version)
- **Expo CLI** (`npm install -g expo-cli`)
- **React Native Development Environment**
- **OpenAI API Key** (Get it from [OpenAI](https://beta.openai.com/signup/))
### **🚀 Clone the Repository**
```bash
git clone https://github.com/theartikeyamishra/menu-matcher-ai.git
cd menu-matcher
```
### **🛠️ Install Dependencies**
```bash
npm install
```
### **🔑 Set Up Environment Variables**
Create a `.env` file in the root directory and add:
```plaintext
OPENAI_API_KEY=your_openai_api_key_here
```
### **▶️ Run the App**
```bash
npx expo start
```
Scan the QR code with the **Expo Go** app to run on your device!
---
## **📂 Project Structure**
```
📦 MenuMatcher
┣ 📂 src
┃ ┣ 📂 components
┃ ┃ ┣ 📜 DishCard.js # Displays recommended dish
┃ ┃ ┣ 📜 MoodSelector.js # Mood selection buttons
┃ ┃ ┣ 📜 OrderHistory.js # Displays previously recommended dishes
┃ ┃ ┣ 📜 EmojiReaction.js # Allows emoji feedback on dish recommendations
┃ ┃ ┣ 📜 LoadingAnimation.js # Lottie animation during API call
┃ ┣ 📂 screens
┃ ┃ ┣ 📜 HomeScreen.js # Main screen with app intro
┃ ┃ ┣ 📜 RecommendScreen.js # Displays AI-generated dish suggestions
┃ ┣ 📂 utils
┃ ┃ ┣ 📜 openai.js # Handles API request to OpenAI for recommendations
┣ 📜 .env # Stores API keys
┣ 📜 package.json # Dependencies & scripts
┣ 📜 App.js # Root component
```
---
## **🛠️ Built With**
- **React Native & Expo** - Cross-platform mobile development.
- **OpenAI GPT-4 API** - AI-powered dish recommendations.
- **React Navigation** - Smooth navigation between screens.
- **Lottie for React Native** - Beautiful animations.
- **Axios** - API calls to OpenAI.
---
## **🎯 How It Works**
1️⃣ **Select your mood** → Choose from *Happy, Sad, Adventurous, Hungry, Lazy*.
2️⃣ **AI suggests a dish** → OpenAI recommends a dish based on your mood.
3️⃣ **View details** → See an image, name, and description of the dish.
4️⃣ **React with emojis** → Express your feelings about the dish.
5️⃣ **Track your past orders** → View dishes you've previously explored.
---
## **🎨 UI/UX Enhancements**
✔ Smooth Lottie animations for a **fun & engaging experience**.
✔ Optimized touch interactions for **fluid navigation**.
✔ High-quality **icons & color schemes** for a modern UI.
---
## **🔗 Contribution**
Want to improve **Menu Matcher**? Follow these steps:
1️⃣ **Fork** the repository
2️⃣ **Create a feature branch** (`git checkout -b new-feature`)
3️⃣ **Commit your changes** (`git commit -m "Added a cool feature"`)
4️⃣ **Push the branch** (`git push origin new-feature`)
5️⃣ **Create a Pull Request** 🚀
---
## **🔐 License**
This project is licensed under the **MIT License**.
---
## **📢 Let's Connect**
💬 Found this useful? Give it a ⭐ on GitHub!
📧 Need help? Contact me at **your-email@example.com**
🔗 Follow me on [LinkedIn](https://www.linkedin.com/in/thekartikeyamishra/)
---
# **GitHub Repository Description**
## **🍔 Menu Matcher - AI-Powered Food Recommendation App**
✨ Discover the perfect meal based on your mood!
💡 **Powered by OpenAI GPT-4** for intelligent dish recommendations.
🎨 **Modern UI/UX with engaging animations**
📱 **Built with React Native & Expo**
🔥 **Fun emoji reactions & order tracking**
📌 Features:
✅ AI-generated food suggestions
✅ Mood-based recommendations
✅ Interactive animations & UI
✅ Emoji feedback system
✅ Secure & optimized API calls
🚀 **Try it now!** Clone the repo and run `npx expo start`!
🔗 [GitHub Repo](https://github.com/thekartikeyamishra/menu-matcher-ai)