This is a Next.js project bootstrapped with create-next-app.

This project is a recipe generation website that helps users manage their ingredients and spices, and generate recipes based on the available items. The application is built using Next.js and integrates with Firebase for data storage.

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

1. Navigate to the home page.
2. Click on the "ADD INGREDIENT" button.
3. Fill in the details for the new ingredient, including the name, quantity, and purchase date.
4. Click "Add" to save the ingredient.

1. On the home page, scroll to the "Spices & Seasonings" section.
2. Check the boxes next to the spices you have available.
3. Click "Update Spices" to save your selections.

1. Navigate to the "Generate Recipes" page.
2. Click "Generate Recipe with Current Ingredients" to get recipes using only the ingredients you have.
3. Alternatively, click "Suggest Recipe with Additional Ingredients" to get recipes that may include additional ingredients.

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.