EdisonForgeWeb/BiteCraft-Deluxe

A high-performance single-page web application featuring 55 dynamic Intercontinental and African recipes with an interactive 4-course meal planner generator. # BiteCraft Deluxe 🍳🎲 An immersive, high-performance single-page web application featuring **55 meticulously curated African and Intercontinental recipes**. Built cleanly using modern web development standards, the app features an intuitive filtering layout, deep-dive cooking modal popups, and an interactive 4-course day meal planner engine. ## 🌟 Core Features * **55 Premium Cuisines:** Cross-cutting authentic African homelands and premier intercontinental delicacies with beautiful imagery. * **Dynamic Navigation Engine:** Instant client-side menu sorting via categories (Breakfast, Lunch, Dinner, and Dessert) without reloading pages. * **On-Demand Cooking Modals:** Responsive overlays that dynamically render detailed structural ingredient logs and step-by-step preparation workflows. * **Dynamic 4-Course Day Generator:** An algorithmic deck-shuffler that instantly pairs random daily menu blueprints with active popup cook triggers. * **Premium Theme Profile:** Crafted around a striking high-contrast Maroon (`#800020`) and Banana Yellow (`#FFE135`) custom color identity. ## 🛠️ Tech Stack & Implementation Details * **Markup & Structure:** Semantic HTML5 layout formatting. * **Styling & Presentation:** Vanilla CSS3 featuring responsive Flexbox/Grid architectures, custom animation keyframes, and scrolling locks. * **Logic Processing Engine:** Vanilla JavaScript (ES6+) utilizing structured database array mapping, `DOMContentLoaded` lifecycles, and advanced DOM manipulation handlers. ## 📁 File Architecture Since this is built optimized for lightweight, high-performance static hosting, the entire application is bundled into a single self-contained structure: