Welcome to the Food Cooking Recipe Maker! This application is your ultimate companion for discovering and creating delicious recipes. With a wide variety of recipes and detailed instructions, cooking has never been this fun and easy! 😋
- 🌟 User-Friendly Interface: An intuitive and beautiful UI built with Tailwind CSS to ensure a seamless user experience.
- 🔍 Recipe Search: Easily search for recipes based on ingredients, cuisine, dietary preferences, and more using the Spoonacular API.
- 📝 CRUD Operations: Create, Read, Update, and Delete your favorite recipes with ease.
- 🤖 AI Recipe Suggestions: Get personalized recipe suggestions using AI-powered recommendations.
- 📱 Responsive Design: Fully responsive design to ensure the app looks great on all devices.
- 🧑🍳 Detailed Instructions: Step-by-step cooking instructions with ingredient lists, cooking times, and nutritional information.
- Next.js: A powerful React framework for building server-side rendered and statically generated web applications.
- TypeScript: Ensuring type safety and improved developer experience.
- Tailwind CSS: For crafting beautiful and responsive UI components with ease.
- Spoonacular API: A comprehensive food and recipe API providing a vast database of recipes and cooking information.
- OpenAI API: For generating AI-powered recipe suggestions.
The project is structured to promote clarity and ease of navigation:
/components - Reusable UI components
/pages - Next.js pages for routing
/styles - Tailwind CSS configurations and custom styles
/utils - Utility functions and API handling
/public - Static assets like images and icons
To get started with the Food Cooking Recipe Maker, follow these steps:
- Clone the repository:
git clone https://github.com/yourusername/food-cooking-recipe-maker.git
- Navigate to the project directory:
cd food-cooking-recipe-maker
- Install dependencies:
npm install
- Set up environment variables:
Create a
.env.local
file in the root directory and add your API keys:NEXT_PUBLIC_SPOONACULAR_API_KEY=your_spoonacular_api_key NEXT_PUBLIC_OPENAI_API_KEY=your_openai_api_key
- Run the development server:
npm run dev
Deploy the application using your preferred deployment service. Here's how to deploy on Vercel:
- Install Vercel CLI:
npm install -g vercel
- Deploy:
vercel
Beautiful and Ultimate Recipe Maker with which you can save, edit and delete!
You can save the title and memo!
Search through food menus from the huge database by Spooncular!
Once you pick the menu, let AI spit out the recipe! Mind you, you can also set the words limit and language of your choice!*
The ChatGPT will generate the image of your choice! You can also save the image and edit title!
Enjoy cooking with the Food Cooking Recipe Maker! 🍳👨🍳👩🍳