Importing Libraries and Defining the function in Open AI

Hi, can you please tell why there is no implementation of code in 4th line

Hi @kumari.mansi003

Please change the line no.9 to
response =

do try this and let us know

Since your dependencies are downloading it is not enabled in the code…Once the installation is completed it will be enabled and you have to change the line no:9 to
response =
replace this line in your code hence it works properly.

How to use dependencies in code

I have changed the response code as response =
Still it not showing the desired output. Please check. I think there is error in third line

Hi @kumari.mansi003

Below is the complete code for custom recipe generator. Do try this and let us know. If you still face any issues, please feel free to get back to us.

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)

I didn’t even get all this done.

Hi @kumari.mansi003

You should get the output by running the above code. Please make sure that you enter your Open api key in the secrets tab.

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