What to Eat is for the familiar “what can I make with this?” moment. Add the ingredients you have and any dietary preferences, and it suggests recipes instead of letting food sit forgotten in the fridge.
🍴 Try the App
💡 Why This Project?
This started as a fun side project to explore TypeScript and Next.js. It’s grown into a tool I actually use when I don’t know what to cook. 🤓
🎯 Goals
- ✅ Help users reduce food waste
- ✅ Make meal planning easier
- ✅ Inspire people to cook more at home
- ✅ Empower users with dietary restrictions
🧑🍳 How to Use
- Click "Get Recipe" on the homepage
- Choose your dietary preferences
- Enter ingredients you have
- Hit Next to get personalized recipe ideas
- Click on a recipe to view details
🐛 Known Limitations
- Typos in ingredients may cause search failures — user input must be precise
- Occasionally, the Spoonacular API may return ingredients outside selected dietary filters
🚀 Future Enhancements
- Integrate NLP to auto-correct input typos in the ingredient form
- Add meal planning features
- Let users save favorite recipes for future access
🛠 Built With
- T3 Stack
- React
- TypeScript
- Next.js
- Prisma
- Tailwind CSS
- tRPC
- NextAuth.js
- Spoonacular API
- Canva / Figma
📱 Live App
Explore recipe at 👉 https://what-to-eat-2.vercel.app/