7Meals is a intelligent, premium-designed meal planning application built with React Native (Expo) and Firebase. It helps users organize their weekly meals with a focus on smart suggestions, favorites, and history tracking.
- Weekly Planning: Generate a stored 7-day meal plan based on your preferences (Meat, Fish, Veggie).
- Smart Algorithm:
- Prioritizes your ❤️ Favorite meals.
- Avoids meals you've eaten recently (Automatic tracking).
- Duplicate Prevention: Warns if a plan forces repeats due to lack of unique meals.
- Multi-Category Support: Assign meals to multiple categories (e.g., "Veggie" AND "Low-Carb") for better organization.
- Consumption Tracking:
- One-tap "Mark as Eaten" 🟢.
- Auto-logs history when new plans are generated.
- Visual history in the Meal List ("Zuletzt gegessen: 12.01.2026").
- Premium UI: Dark-mode optimized with gradients, smooth animations, and intuitive gestures.
- Framework: React Native (Expo SDK 54)
- Navigation: Expo Router (File-based routing)
- Backend / DB: Firebase Firestore
- Authentication: Firebase Auth (Anonymous, Email/Password)
- Styling: StyleSheet with Custom Design System (Gradients, Glassmorphism)
- Icons: Ionicons
- Node.js & npm
- generic Expo Go app on your phone OR Android/iOS Emulator
-
Clone the repository
git clone https://github.com/Thomas-Mildner/7meals.git cd 7meals -
Install dependencies
npm install
-
Configure Firebase
- Create a
firebaseConfig.jsinconfig/with your Firestore credentials.
- Create a
-
Run the app
npx expo start
app/: Expo Router screens (Tabs, Modals).components/: Reusable UI components (AddMealModal, etc.).context/: Global State (MealContext, AuthContext).hooks/: Business Logic hooks (useMealPlan).services/: Firebase API interactions.constants/: Design tokens (Colors, Layout).