🍽️ MyDish - Recipe Web Application

MyDish is a modern, responsive web application that allows users to explore global recipes by filtering through categories, main ingredient, or geographical areas.

🔗 View Live Site

🌟 Features

• Filter by Recipe Categories
  Easily browse meals by type like Seafood, Vegetarian, or Desserts.

• Detailed Recipe View
  View ingredients, instructions, and media for each recipe.

• Filter by Main Ingredient
  Search for dishes using a specific key ingredient (e.g. rice).

• Explore by Geographical Area
  Filter and explore traditional recipes from around the world by geographical area.

• Load More Functionality
  Browse large recipe collections with a smooth "Load More" button.

• Custom Loader
  Lightweight loader for seamless data fetching experience.

• Mobile-Responsive Design
  Built with TailwindCSS for fully responsive layout.

🛠 Tech Stack

• React application using React Router with TypeScript
• TailwindCSS
• MealDB API
• Hamburger-React
• React-Icons
• Netlify
• Jest + React Testing Library

📦 Getting Started

To run this project locally:

1. Clone the repository:

   git clone https://github.com/dnmore/recipes-app.git
   

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Your application will be available at http://localhost:5173.

🤝 Contributing

Contributions and feedback are welcome! Fork the repository and submit a pull request with your ideas, improvements, or bug fixes.

📄 License

This project is licensed under the MIT License.

---

Built with ❤️ using React Router, TypeScript, and the MealDB API.