art recipe generator app using Next.js, TypeScript
A recipe generator app using Next.js, TypeScript, Tailwind, and OpenAI API
Functionality and purpose of the application
Make a Dish is your go-to app for creating delicious dishes with the ingredients you have on hand. Here's what the app offers:
Ingredient Selection: Users can easily pick the ingredients they have in their fridge or pantry.
Extra Instructions: Users can select whether they are vegan or not and also choose how much time they have in order to cook the recipe.
Recipe Generation: With the power of the OpenAI API, the app generates creative and customized recipes based on the selected ingredients and instructions.
Unique Design: Make a Dish features a delightful and unique pixel art graphic style that adds a touch of charm to your cooking experience.
Responsive Design: The app is fully responsive, ensuring a seamless experience on all devices, from desktops to mobile phones.
Technologies used
Next.js
Typescript
Tailwind CSS
Material UI
OpenAI API
Deployed on Vercel:
https://make-a-dish.vercel.app/