Weekly Meal Planner

Generate a randomised weekly menu, discover recipes, and build your shopping list

About This Project

The Weekly Meal Planner takes the stress out of deciding what to eat. It generates a full week of meals using real recipes sourced from TheMealDB open API — click any meal name to see its ingredients, cooking instructions, and more.

Shopping list compilation and user-saved plans via Firestore are coming next.

Meal Plan Generator

Click to generate a random week of meals, then click any meal for its recipe

Planned Features

Random Meal Plan Generator

Generate a full week of breakfast and dinner ideas with one click, pulling from a library of real recipes.

Recipe API Integration

Powered by TheMealDB open API — thousands of recipes with ingredients, instructions, and images.

Smart Shopping List

Automatically compile a consolidated ingredient list for your weekly plan, ready to take to the supermarket.

Cooking Instructions

Step-by-step cooking guidance for each meal, so you always know what to do next.

Technology Stack

ReactNext.js 15TypeScriptTheMealDB APIFirebaseFirestoreSCSS Modules