lindakwoo / recipe-finder

Recipe Finder Mini-Project

Project Overview

The Recipe Finder is a web application designed to allow users to search for recipes based on ingredients they have at hand. It serves as a practical exercise to reinforce HTML, CSS, and JavaScript skills, focusing on DOM manipulation and event handling.

Objective

Develop a responsive web application where users can:

• Input ingredients to search for recipes.
• View a list of recipes that include those ingredients.
• See detailed information about each recipe when selected.

Tools and Technologies

• HTML: For structuring the web application.
• CSS: For styling the application.
• JavaScript: For adding interactivity and dynamic content manipulation.

Features

• Ingredient Search Input: Users can type in ingredients they wish to cook with, and the application will display recipes that use these ingredients.
• Recipe List Display: Shows recipes that match the search criteria.
• Recipe Details: Users can click on a recipe to view more detailed cooking instructions and ingredient lists.
• Responsive Design: Ensures that the application is usable on both desktop and mobile devices.

Usage

• Open index.html in a web browser to start the application.
• Enter ingredients into the search box and click the 'Search' button to find recipes.
• Click on any recipe title to view detailed information.

How to start and how to submit:

1. Fork the project repository.
2. Clone your fork to your local machine.
3. Create a new branch for your feature.
4. Make your changes and commit them.
5. Push your changes to your fork.
6. Open a pull request from your fork back to the original repo.
7. Describe your changes and submit the pull request for review.