Dashboard
Planning Streak
0 days
Meal Suggestions
Pantry Alerts
This Week
Recipes
Meal Plan
Shopping List
Pantry Inventory
Nutrition Tracking
Daily Goals
Weekly Calories
Macro Distribution
Cooking Mode
Select a recipe to start cooking mode.
Settings
Preferences
Aisle Categories
Custom Tags
Data Management
About
Meal Planner PWA v1.0
Privacy-focused: All data stays on your device.
Help & User Guide
Quick Start Guide +
Add Your First Recipe
Go to Recipes and click + Add Recipe to create your own, or click Search Recipes Online to discover and import recipes from TheMealDB. You can search by dish name or browse by category.
Plan Your Meals
Navigate to Meal Plan. Click + Add on any meal slot (breakfast, lunch, dinner, snacks) to assign a recipe. Use the arrows to view different weeks.
Generate Shopping List
Go to Shopping List and click Generate from Meal Plan. The app automatically combines ingredients and organizes them by store aisle.
Track Your Pantry
Add items you already have in Pantry. When generating shopping lists, pantry items are automatically subtracted so you only buy what you need.
Managing Recipes +
Adding Recipes
- Click + Add Recipe to create a new recipe
- Enter a title (required), prep time, cook time, and servings
- Add ingredients with quantities and units (e.g., "2 cups flour")
- Add step-by-step instructions
- Select diet tags to categorize your recipe
Importing Recipes
- Click Import to paste recipe text
- The app will automatically parse ingredients and instructions
- Review the parsed data and make adjustments before saving
- You can also enter a URL (works best with recipe sites that use structured data)
Searching Recipes Online
- Click Search Recipes Online to discover new recipes from TheMealDB
- Search by dish name (e.g., "chicken", "pasta", "curry")
- Browse by category using the dropdown filter
- Click View to see full recipe details including ingredients and instructions
- Click Import to add a recipe to your saved collection
- Imported recipes are stored locally and available offline
Searching & Filtering
- Use the search box to find saved recipes by title or ingredient
- Click on tags to filter recipes by diet type
- Multiple tags can be selected for combined filtering
- Click the Clear All button to remove all filters and show all recipes
Recipe Actions
- View - See full recipe details with nutrition info
- Edit - Modify any recipe information
- Cook - Start interactive cooking mode
- Delete - Remove a recipe permanently
Meal Planning +
Weekly Calendar
- View your meal plan in a 7-day calendar format
- Each day has slots for breakfast, lunch, dinner, and snacks
- Use the arrow buttons to navigate between weeks
- Today's date is highlighted for easy reference
Adding Meals
- Click + Add on any meal slot
- Search and select a recipe from your collection
- Multiple recipes can be added to the same meal slot
- Click the X to remove a meal from the plan
AI Suggestions
- Click AI Suggest to auto-generate a week's plan
- The algorithm considers your diet preferences from Settings
- It avoids recently used recipes for variety
- Suggestions favor quicker recipes when available
Planning Streak
- Your streak counts consecutive days with planned meals
- Build your streak to stay motivated
- View your current streak on the Dashboard
Shopping Lists +
Generating Lists
- Click Generate from Meal Plan to create your list
- The app combines ingredients from all planned meals
- Duplicate ingredients are merged (e.g., 2 eggs + 3 eggs = 5 eggs)
- Items are organized by store aisle/category
Pantry Integration
- Enable Subtract pantry items to only show what you need
- Items you already have are marked as "In pantry"
- Quantities are adjusted based on your pantry stock
Using Your List
- Check off items as you shop
- Click Copy to Clipboard to share the list
- Click Print for a paper copy
Pantry Management +
Adding Items
- Click + Add Item to add pantry items
- Enter the item name, quantity, and unit
- Select a category (produce, dairy, meat, etc.)
- Optionally add an expiration date
Expiration Tracking
- Items expiring within 3 days show a warning
- Expired items are highlighted in red
- Check the Dashboard for expiring item alerts
Waste Reduction
- The app suggests recipes using items you already have
- Prioritize cooking with expiring ingredients
- Keep your pantry updated for accurate shopping lists
Cooking Mode +
Starting Cooking Mode
- Click Cook on any recipe card
- The app displays one instruction step at a time
- Progress dots show your position in the recipe
Navigation
- Use Previous and Next buttons to navigate steps
- Check Mark complete to auto-advance to the next step
- Click Exit Cooking when finished
Timers
- Quick-set timers: 1 min, 5 min, or 10 min
- Click Start to begin the countdown
- Click Pause to stop temporarily
- An alert plays when the timer completes
Voice Features
- Click Read Aloud to hear the current step
- Great for hands-free cooking
- Works in browsers that support speech synthesis
Screen Wake Lock
- The app prevents your screen from sleeping while cooking
- Works on supported browsers and devices
Nutrition Tracking +
How It Works
- Nutrition is calculated from recipe ingredients
- Uses a database of 100+ common foods
- Estimates calories, protein, carbs, and fat
- Values are approximate - for reference only
Daily Goals
- Set your goals in Settings
- Progress bars show your average vs. goal
- Red indicates when you're over your goal
Charts
- Weekly Calories - bar chart of daily totals
- Macro Distribution - pie chart of protein/carbs/fat
- Based on your current week's meal plan
Settings & Data +
Preferences
- Diet Filters - default tags for AI suggestions
- Nutrition Goals - daily calorie and macro targets
Customization
- Custom Tags - add your own recipe categories
- Aisle Categories - customize shopping list organization
- Dark Mode - toggle with the moon/sun icon in the header
Data Management
- Export All Data - download a JSON backup file
- Import Data - restore from a backup file
- Clear All Data - delete everything (use with caution!)
Privacy
- All data is stored locally on your device
- Nothing is sent to any server
- Your recipes and plans are completely private
Offline & Installation +
Offline Mode
- The app works fully offline after first load
- All features are available without internet
- A banner appears when you're offline
- Data syncs automatically when online
Installing the App
- Look for the install icon in your browser's address bar
- Or use the browser menu: "Install app" or "Add to Home Screen"
- The app will appear like a native app on your device
- Launch it anytime without opening a browser
Supported Browsers
- Chrome 80+ (recommended)
- Edge 80+
- Firefox 75+
- Safari 13+ (iOS and macOS)
Tips & Tricks +
Batch Import Recipes
Copy recipes from websites, emails, or documents and use the Import feature to quickly add them. The parser handles most common formats.
Use the AI Suggest Feature
When you're not sure what to cook, let the AI fill in your week. It learns from your preferences and avoids repetition.
Keep Your Pantry Updated
The more accurate your pantry, the better your shopping lists. Update it after shopping and when you use ingredients.
Regular Backups
Use Export in Settings to back up your data regularly. Store the JSON file somewhere safe.
Custom Tags for Your Needs
Add tags like "quick-weeknight", "meal-prep", "guest-worthy", or "kid-friendly" for better organization.
Print Your Shopping List
The print button creates a clean, checkable list. Or copy to clipboard and send to your phone.
Keyboard Shortcuts +
| Esc | Close any open modal/dialog |
| Tab | Navigate between interactive elements |
| Enter | Activate buttons and links |
| Space | Toggle checkboxes |