AI Diet Planner is a smart nutrition tracking mobile app built with React Native (Expo) and powered by AI.
It helps users plan meals, track calories, and achieve their fitness goals with AI-generated recipes based on their personal data.
✅ User Authentication – Secure signup and login using email and password
✅ Personalized Goals – AI analyzes user height, weight, and target to calculate daily calorie needs
✅ AI-Generated Recipes – Instantly generate custom meal recipes using AI
✅ Meal Planning – Add meals to your daily plan and track progress
✅ Calorie Tracking – See how much you’ve eaten and how many calories remain to reach your goal
✅ Beautiful UI – Clean, modern design optimized for both Android and iOS
✅ Profile Management – Manage account, settings, and logout easily
1️⃣ Splash Screen – App entry point with branding
2️⃣ Signup Screen – User registers with name, email, and password
3️⃣ Login Screen – User logs in securely
4️⃣ Goal Setup – User enters height, weight, and target goal
- AI calculates daily calorie requirements
- Data stored in database for personalized tracking
5️⃣ 🏠 Home Screen
- Displays today’s calories and summary
- Option to generate new food or check today’s meal
6️⃣ 🍽️ Meal Screen
- Shows all AI-generated meals for the day
7️⃣ 📊 Progress Screen
- Visual summary of calories taken vs. remaining
- Tracks how close the user is to their goal
8️⃣ 👤 Profile Screen
- User info, helpful links, and logout option
9️⃣ Create New Meal → Redirects to recipe generation screen
🔟 AI Recipe Screen → User requests any type of recipe; AI generates detailed meal info
1️⃣1️⃣ Loading Screen → Displays while AI generates recipe
1️⃣2️⃣ Recipe Details Screen → Shows recipe info with ingredients & calories
1️⃣3️⃣ Add to Meal Plan → Opens a bottom sheet
1️⃣4️⃣ Meal Time Selection → User selects when they plan to eat it
1️⃣5️⃣ Progress Tracking → AI determines how many calories were consumed and updates daily goal progress
| Splash | Signup | Login | Goal Setup |
|---|---|---|---|
 |
 |
 |
 |
| Home | Meals | Progress | Profile |
|---|---|---|---|
 |
 |
 |
 |
| Create Meal | Recipe Generation | Loading | Recipe Details |
|---|---|---|---|
 |
 |
 |
 |
| Add to Meal Plan | Meal Time | Progress Update |
|---|---|---|
 |
 |
 |
- React Native (Expo)
- TypeScript
- Firebase Authentication
- AI Recipe Generator (OpenAI / Custom API / AiguruLab for image)
- Convex For Databse
- Expo Router + Custom CSS
This app demonstrates how AI can help users plan meals intelligently by analyzing their personal data and generating accurate calorie-based diet plans.
It’s a project that combines AI + Health + Mobile UI — perfect for portfolio or real-world health startup apps.
👋 Nisharga Kabir
Frontend & Mobile App Developer (React Native | Next.js)
📧 Email: kabirnishrga@gmail.com
🌐 GitHub: @nisharga
If you like this project, don’t forget to ⭐ star the repository and share your feedback!