Chef Groq

Chef Groq is an AI-powered recipe generator that helps you turn any ingredients you have on hand into creative, delicious dishes — instantly. Built with React, Tailwind CSS, and Vite for a fast, modern web experience.

---

Features

• AI-generated recipes based on your ingredients
• Clean, responsive UI with Tailwind CSS
• Instant rendering and smooth animations
• Mobile-friendly design
• Minimal, distraction-free interface

---

Tech Stack

Technology	Description
React	Front-end library for UI components
Vite	Lightning-fast development and build tool
Tailwind CSS	Utility-first CSS framework
React Markdown	Render recipe text beautifully
Vercel	Deployment and hosting

---

Getting Started

1️⃣ Clone the repo

git clone https://github.com/aymansoliman-dev/ChefGroq.git
cd chef-groq

2️⃣ Install dependencies

npm install

3️⃣ Run the development server

npm run dev

Then open http://localhost:5173 in your browser.

4️⃣ Build for production

npm run build

5️⃣ Preview production build

npm run preview

---

Deployment

This app is deployed on Vercel. You can easily deploy your own by connecting this repo and setting the build command to:

npm run build

and the output directory to:

dist

---

Author

Ayman Soliman

• Personal: bento.me/ayman-soliman
• GitHub: @aymansoliman-dev
• LinkedIn: @aymansoliman-dev
• Portfolio: aymansoliman-dev
• Frontend Mentor: @aymansoliman-dev
• X: a_soliman1783

---

📝 License

This project is licensed under the MIT License — feel free to use and modify it.

---

🌟 Show your support

If you like this project, consider giving it a ⭐ on GitHub!