ALL PROJECTS

FRONT-END

YUMMY Meals Explorer

A structured front-end meals exploration app built with ES6 modules and TheMealDB API, featuring multiple search and filtering paths, custom validation, and a consistent gold × dark visual identity.

KEY FEATURES

01Search meals by name, first letter, category, area, and ingredient
02Full meal detail view with instructions, tags, ingredients, and external links
03Unified async/await data flow with loader synced to API lifecycle
04Safe fallback handling for empty API responses
05Dynamic ingredient extraction using API key patterns
06Custom contact form validation with real-time regex feedback and submit-button gating
07Zero inline JavaScript events — pure event binding on dynamic DOM nodes
08Reusable rendering templates and stable containers to avoid layout reflow
09Custom loader animation synchronized with async requests
10Responsive card layout with consistent gold × dark visual identity

BUILT WITH

HTML5CSS3JavaScript ES6 ModulesBootstrap 5TheMealDB APIFont Awesome