Meal Planner App

Description

The Meal Planner App suggests meals based on dietary preferences, allergies, and available ingredients. It features a clean, user-friendly interface with light and dark mode toggles and interactive elements.

Features

• Search recipes using any ingredients.
• Dynamic light/dark mode toggle with persistent theme storage.
• Clean and professional interface using Tailwind CSS.
• Responsive layout for all devices.

Technologies Used

• Front-End: HTML, CSS, JavaScript, Tailwind CSS.
• API: TheMealDB for recipe suggestions.

Installation

1. Clone the repository:

   git clone <repository_url>
   cd meal-planner-app
   
   ## Usage

2. Enter a comma-separated list of ingredients in the input field.
3. Click "Find Recipes" to get recipe suggestions based on the ingredients.
4. Toggle between light and dark modes using the button in the top-right corner.

File Structure

meal-planner-app/ ├── index.html # Main HTML file ├── script.js # JavaScript functionality ├── styles.css # Tailwind CSS integration

The website is live at : https://aadityabasisth.github.io/diet-planner.github.io/