/whats-cooking

A basic recipe-finder site using VanillaJS and MealsDB.

Primary LanguageJavaScript

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