Recipe Finder App

Description

A Recipe Finder web application built using React. The app allows users to search for recipes based on ingredients and view recipe details fetched from the Spoonacular API.

Test Run

Recipes.Home.-.Brave.2025-01-14.18-25-13.mp4

Features

• Search for recipes by entering an ingredient.
• Display a list of recipes with title, image, and a link to the full recipe.
• Loading and error handling.
• User-friendly UI with responsive design.

Installation

Prerequisites

Make sure you have the following installed:

• Node.js
• npm (Node Package Manager)

Steps to Run Locally

git clone https://github.com/ghdbashen/recipe-finder-app.git
cd recipe-finder-app
npm install
npm start

Usage

• Enter an ingredient (e.g., "chicken", "tomato", etc.) into the search bar.
• Click the "Search" button or press "Enter".
• View the list of recipes displayed below, along with images and links to the full recipe.

Technologies Used

• React: A JavaScript library for building user interfaces.
• Tailwind CSS: A utility-first CSS framework for styling.
• Axios: A promise-based HTTP client for making requests.
• Spoonacular API: An API for accessing recipe data.