Random Meal Generator

Generate a random meal from an API to discover new recipes and cooking ideas. This project is perfect for learning API integration and working with external data sources.

This project teaches you the fundamentals of making API calls and displaying dynamic content from external sources.

User Stories:

• User can click a button that will get a random meal from an external API
• The app should display: Recipe name, Ingredients, Instructions and a Picture of the meal
• By clicking the button again, another meal will be generated
• User can see a loading indicator while fetching the meal

Bonus Features:

• The app should display a YouTube Video for the recipe
• User can search for meals by name or ingredient
• User can filter meals by category (breakfast, lunch, dinner)
• User can save favorite meals to a list
• User can see nutritional information if available
• User can generate meal plans for the week
• User can share meals on social media
• User can print recipe cards

What you'll learn:

• Making HTTP requests to external APIs
• Working with JSON data
• Handling asynchronous operations with fetch API
• Error handling for network requests
• Displaying dynamic content from APIs
• Loading states and user feedback
• Working with media content (images, videos)
• API documentation and integration