What's in Your Fridge
Next.jsOpenAITailwind CSSVercel

What's in Your Fridge
Project Overview
What's in Your Fridge is a web application that helps users find recipes based on ingredients they already have at home. By leveraging OpenAI's API, the application generates creative and practical recipe suggestions.
Key Features
- Ingredient-based recipe suggestions
- Dietary preference filtering
- Recipe saving and sharing
- Mobile-responsive design
Technical Implementation
This project was built using Next.js for the frontend and serverless functions, with OpenAI's GPT models powering the recipe generation. The UI was designed with Tailwind CSS, providing a clean and responsive interface.
Challenges and Solutions
A significant challenge was optimizing the OpenAI API prompts to generate useful and accurate recipes while managing token usage. This was addressed by creating a carefully structured prompt system that guides the AI to provide consistent and practical recipe formats.