🍽️ Chef Claude

Chef Claude is a web application that allows users to input available ingredients, then sends the data to an AI model on Hugging Face, which returns a recipe for a dish that can be prepared using those ingredients.

🚀 Getting Started

1. Clone the Repository

git clone https://github.com/username/chef-claude.git
cd chef-claude

2. Install Dependencies

The application uses React with Vite. Before running the app, install the required packages:

npm install

3. Configure the .env File

To use the Hugging Face API, you need to obtain an API key:

1. Go to Hugging Face.
2. Create an account (if you don’t have one).
3. Navigate to your account settings and generate an API key.
4. Use this key in the .env file as shown below.

Create a .env file based on .env.example:

cp .env.example .env

Then, add your values:

REACT_APP_HF_API_KEY=your_huggingface_api_key

4. Run the Application

npm run dev

The application will be available at http://localhost:5174.

🛠️ How It Works

1. The user enters the ingredients they have.
2. The data is sent to a Hugging Face AI model.
3. The model returns a recipe for a dish that can be prepared using the provided ingredients.
4. The user receives a detailed recipe to follow.

📸 Screenshot

🧩 Technologies Used

• React - Frontend framework
• Vite - Build tool for fast development
• Hugging Face - AI model for recipe generation

---

✨ Happy cooking with Chef Claude! 🍳