Many errors in the code which I took from the site

firstly you need to set the API key and install all the import package.

Hi @naman.chhabra2909

Please share a screen shot of the error you are getting in the console. I assume you are trying to build the recipe generator project, you can check out the below code for your reference:
Code for Custom Recipe Generator:

import openai
import os
from flask import Flask, render_template_string, request
openai.api_key = os.environ['OPENAI_API_KEY']
def generate_tutorial(components):

 response =
   "role": "system",
   "content": "You are a helpful assistant"
  }, {

   f"Suggest a recipe using the items listed as available. Make sure you have a nice name for this recipe listed at the start. Also, include a funny version of the name of the recipe on the following line. Then share the recipe in a step-by-step manner. In the end, write a fun fact about the recipe or any of the items used in the recipe. Here are the items available: {components}, Haldi, Chilly Powder, Tomato Ketchup, Water, Garam Masala, Oil"


 return response.choices[0].message.content

app = Flask(__name__)

@app.route('/', methods=['GET', 'POST'])

def hello():

       output = ""

       if request.method == 'POST':

        components = request.form['components']

        output = generate_tutorial(components)

      # This is a HTML template for a Custom Recipe Generator web page. It includes a form for users to input a list of ingredients/items they have, and two JavaScript functions for generating a recipe based on the input and copying the output to the clipboard. The template uses the Bootstrap CSS framework for styling.

       return render_template_string('''

       <!DOCTYPE html >

       <html >

       <head >

        <title >Infinite Project Generator </title >

        <link href=""

        <script >

        async function generateTutorial() {

         const components = document.querySelector('#components').value;

         const output = document.querySelector('#output');

         output.textContent = 'Cooking a recipe for you...';

         const response = await fetch('/generate', {

          method: 'POST',

          body: new FormData(document.querySelector('#tutorial-form'))


         const newOutput = await response.text();

         output.textContent = newOutput;


        function copyToClipboard() {

         const output = document.querySelector('#output');

         const textarea = document.createElement('textarea');

         textarea.value = output.textContent;





         alert('Copied to clipboard');


        </script >

       </head >

       <body >

        <div class="container">

         <h1 class="my-4">Custom Recipe Tutorial Generator </h1 >

         <form id="tutorial-form" onsubmit="event.preventDefault(); generateTutorial();" class="mb-3">

          <div class="mb-3">

           <label for="components" class="form-label">Ingredients / Items:</label >

           <input type="text" class="form-control" id="components" name="components" placeholder="Enter the list of Ingredients or items you have e.g. Bread, jam, potato etc. " required >

          </div >

          <button type="submit" class="btn btn-primary">Share with me a tutorial </button >

         </form >

         <div class="card">

          <div class="card-header d-flex justify-content-between align-items-center">


           <button class="btn btn-secondary btn-sm" onclick="copyToClipboard()">Copy </button >

          </div >

          <div class="card-body">

           <pre id="output" class="mb-0" style="white-space: pre-wrap;">{{ output }}</pre >

          </div >

         </div >

        </div >

       </body >

       </html >


@app.route('/generate', methods=['POST'])
def generate():
 components = request.form['components']
 return generate_tutorial(components)
if __name__ == '__main__':'', port=8080)

If you still face any issues, please feel free to get back to us.