SurajC.

Figuring Things Out

Back

cookWithThis

Personal Project

An AI-powered React app that generates recipes based on the ingredients you have on hand. Uses the Groq API for intelligent recipe suggestions.

ReactJavaScriptGroq APIAIGitHub Pages
cookWithThis app

What is cookWithThis?

cookWithThis is a React-based web app that helps you figure out what to cook with the ingredients you already have. Instead of scrolling through hundreds of recipes, you simply enter your available ingredients and the app uses AI to suggest recipes tailored to what's in your kitchen.

How it Works

The app leverages the Groq API to power its recipe generation. When you add your ingredients, the AI analyzes combinations and suggests complete recipes with step-by-step instructions, cooking times, and serving sizes.

The interface is simple and intuitive — just type in what you have, and let the AI do the rest. It's perfect for those moments when you open the fridge and can't decide what to make.

Tech Stack

Built with React and JavaScript, the app integrates with the Groq API for fast AI inference. It's deployed on GitHub Pages for free, reliable hosting with a clean, responsive design.