Recipe Finder

Recipe Finder is a web application that allows users to search for recipes by entering the name of a dish. It fetches recipe data from the MealDB API and displays detailed information about the selected dish, including ingredients and instructions.

How it Works

Website

Explore the live version of Recipe Finder at : Rezipefinder: Find Your Perfect Dish

Features

• Search for recipes by dish name.
• View detailed information about the selected recipe, including image, name, area, ingredients, and instructions.
• Responsive design for use on different devices.

Technologies Used

• HTML
• CSS
• JavaScript

Setup Instructions

1. Clone the repository:

   git clone https://github.com/sahanRanasingha/Recipe-Finder.git

2. Open the `index.html` file in your web browser.

3. Enter the name of the dish you want to search for in the search box and press Enter.

4. View the search results and click on a recipe to see detailed information.

Screenshots

[Add screenshots of your application here]

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

1. Fork the repository
2. Create your feature branch (`git checkout -b feature/YourFeature`)
3. Commit your changes (`git commit -am 'Add some feature'`)
4. Push to the branch (`git push origin feature/YourFeature`)
5. Create a new Pull Request

Acknowledgements

• Font Awesome for the icons
• MealDB API for providing recipe data

Author

Sahan Ranasingha

Contact

You can reach me at sahanranasingha1@gmail.com