Tadka Tales

🌶️ Tadka Tales: Authentic Indian Cuisine Explorer Tadka Tales is a premium web application dedicated to showcasing authentic Indian recipes. It provides a sleek, categorized, and searchable interface for users to easily discover dishes from different regions and meal types.

✨ Features Multi-Page Navigation: Seamless routing between three main sections:

Home: Headline, "About Us" summary, and featured recipes preview.

Recipes (Menu): The full, searchable dish index.

About: Detailed information on the "Tadka Tales" concept.

Dynamic Filtering: Users can filter the recipe index by meal category (Breakfast, Lunch, Dinner, Snacks).

Live Search: A search bar on the 'Recipes' page allows instant filtering of dishes by name or description.

Full-Screen Recipe Modal: Detailed ingredients and step-by-step instructions are displayed in an immersive, full-screen overlay for focused reading.

Premium Design: Features an elegant and rich color palette (Deep Brown and Gold accents) suitable for a fine-dining culinary experience.

💻 Tech Stack Frontend Framework: React

Build Tool: Vite

Styling:CSS

State Management: React Hooks (useState, useEffect, useCallback, useMemo) for efficient state and performance optimization.

🚀 Getting Started To run this project locally, you will need Node.js and npm (or yarn/pnpm) installed.

Installation Clone the Repository (Simulated Step):

git clone [your-repo-link] cd tadka-tales-app

Install Dependencies:

npm install

Start the Development Server:

npm run dev

The application will now be running on http://localhost:5173 (or a similar port).

🗃️ Project Structure Note For simplicity and ease of viewing in a single file environment, all data (DISHES), components (Header, Footer, DishCard, RecipeModal), and the main application logic (App, HomeView, RecipesView, AboutView) are contained within the single file: IndianCuisineApp.jsx. In a production application, these would be split into dedicated files and folders (e.g., src/data/, src/components/, src/pages/).

✍️ Customization Data: Modify the DISHES array to add, edit, or remove recipes.