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.
- 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
| 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 |
git clone https://github.com/aymansoliman-dev/ChefGroq.git
cd chef-groqnpm install
npm run dev
Then open http://localhost:3001 in your browser.
npm run build
npm run preview
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
Ayman Soliman
- GitHub: @aymansoliman-dev
- LinkedIn: @aymansoliman-dev
- Frontend Mentor: @aymansoliman-dev
- X: a_soliman1783
This project is licensed under the MIT License — feel free to use and modify it.
If you like this project, consider giving it a ⭐ on GitHub!