The Mini Searchable Recipe Book Used AI

This project is a small, interactive web application called the Mini Searchable Recipe Book. Built using HTML, CSS, and JavaScript, its main purpose is to display a collection of recipes that users can easily browse, search, and filter. The application features a clean, responsive layout where each recipe is presented on a card with key information like the title, an image, cooking time, and a list of ingredients. All the recipe data is stored directly in a JavaScript array, which is a simple and effective way to manage a small dataset. The core functionality is driven by JavaScript, which dynamically creates and displays the recipe cards on the page. Users can find specific recipes using a live search bar that filters results as they type, or they can click on category buttons (like "Vegan" or "Breakfast") to instantly narrow down their options. This project is ideal for beginners as it provides hands-on practice with essential web development concepts such as DOM manipulation, handling user input, and working with data.