Error in module 2 project "custom recipe generator"

sufiyaanzafar2003 · April 23, 2024, 1:48am

When I paste and run the code given in Module 2 of “recipe generator” which i refered from the section called working code, i have recieved following errors.

Also,my API key is updated still the error persists.

below is my code which i copied from training section.

from boltiotai 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 = openai.chat.completions.create(
model=“gpt-3.5-turbo”,
messages=[{
“role”: “system”,
“content”: “You are a helpful assistant”
}, {
“role”:
“user”,
“content”:
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)

return render_template_string(‘’’

Infinite Project Generator

Custom Recipe Tutorial Generator

Ingredients / Items:

Share with me a tutorial

Output: Copy

{{ output }}

‘’',
output=output)

@app.route(‘/generate’, methods=[‘POST’])

def generate():
components = request.form[‘components’]
return generate_tutorial(components)

if name == ‘main’:
app.run(host=‘0.0.0.0’, port=8080)

sneharsh.kerkar · April 23, 2024, 5:44am

Hi @sufiyaanzafar2003

Please try the below code and let us know if it helps

from boltiotai 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 = openai.chat.completions.create(
  model="gpt-3.5-turbo",
  messages=[{
   "role": "system",
   "content": "You are a helpful assistant"
  }, {
   "role":

   "user",
   "content":
   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="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css"
      rel="stylesheet">


        <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;



         document.body.appendChild(textarea);



         textarea.select();



         document.execCommand('copy');



         document.body.removeChild(textarea);



         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">



           Output:



           <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 >


   ''',

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

sufiyaanzafar2003 · April 23, 2024, 5:50am

its still the same error as the image i have attached above

sneharsh.kerkar · April 23, 2024, 12:44pm

Hi @sufiyaanzafar2003

Please cross check your api key in the secrets tab in Replit. You have to use the api key which is provided by boltiot in the training

sneharsh.kerkar · April 23, 2024, 12:55pm

Hi @sufiyaanzafar2003

Please upgrade the boltiotai library and run the code again. if you get error after this please send a screenshot of the pip upgrade command and if the error message.

first run this command in the repl shell

pip install --upgrade boltiotai

sufiyaanzafar2003 · April 23, 2024, 2:36pm

sir,here is the screenshot below ,i have verified api key too its correct and have installed boltiotai module too as per your instructions but the error persists as u can refer the screenshot below.

sneharsh.kerkar · April 24, 2024, 10:30am

Hi @sufiyaanzafar2003

We tried replicating your project and we faced similar issue. Here is the solution:

Please change the return statement to : return response['choices'][0]['message']['content'] and it should work.

Below is the updated code:

from boltiotai 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 = openai.chat.completions.create(
  model="gpt-3.5-turbo",
  messages=[{
   "role": "system",
   "content": "You are a helpful assistant"
  }, {
   "role":

   "user",
   "content":
   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"

      }])

 print(response)
 # return response.choices[0].message.content
 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="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css"
      rel="stylesheet">


        <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;



         document.body.appendChild(textarea);



         textarea.select();



         document.execCommand('copy');



         document.body.removeChild(textarea);



         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">



           Output:



           <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 >


   ''',

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

Do try this and let us know. If you still face any issues, please feel free to get back to us.

sufiyaanzafar2003 · April 24, 2024, 11:55am

Thanks sir, it worked