Meal Finder

A simple recipe search app using the MealsDB API and vanilla JS.

Functionality

• Allow users to search recipes and view ingredients/instructions.

Concepts

• APIs
• Displaying items as cards
• Displaying modals
• Responsive design
• State management
• Fade-in/fade-out animations

Technologies/Tools

• HTML5
• CSS3
• CSS Animations
• Vanilla JS
• MealsDB API

Planned Features

• Scroll only modal instead of whole page (but don't show scrollbar)
• Use arrow keys/buttons to browse through recipes without closing modal (Done!)
• Aesthetic update for more modern feel
• Enable recipe search by ingredient/other keywords as well as name

Moonshot features

• Find API with more recipes
• Embed YouTube videos directly