fixed the problem with the API key

app.py

@@ -1,5 +1,4 @@
 import os
-import time
 import base64
 import requests
 import streamlit as st
@@ -7,12 +6,7 @@ import streamlit as st
 # OpenAI API Key
 # Access the secret API key
 # if the app is running locally, you can set the API key as an environment variable
-api_key = os.getenv("OPENAI_APP_KEY")
-
-# Function to encode the image
-def encode_image(image_path):
-    with open(image_path, "rb") as image_file:
-        return base64.b64encode(image_file.read()).decode('utf-8')
+api_key = os.getenv("OPENAI_API_KEY")  # Make sure this environment variable is set correctly
 
 headers = {
     "Content-Type": "application/json",
@@ -20,7 +14,7 @@ headers = {
 }
 
 def main():
-    st.title("Multimodal using GPT 4 Turbo Model")
+    st.title("Multimodal using GPT-4 Turbo Model")
 
     text = """Prof. Louie F. Cervantes, M. Eng. (Information Engineering)
     CCS 229 - Intelligent Systems
@@ -40,7 +34,7 @@ def main():
         base64_image = base64.b64encode(uploaded_image.getvalue()).decode('utf-8')
 
         # Display the uploaded image
-        st.image(uploaded_image, caption="Uploaded Image",  use_container_width=True)
+        st.image(uploaded_image, caption="Uploaded Image", use_container_width=True)
 
     # List of image analysis tasks
     analysis_tasks = [
@@ -53,7 +47,8 @@ def main():
         "Optical Character Recognition (OCR): Extract text from the image, such as printed or handwritten text.",
         "Diagram Understanding: Analyze a diagram (e.g., flowchart, circuit diagram) and extract its structure and meaning.",
         "Art Analysis: Describe the artistic style, subject matter, and emotional impact of an image.",
-        "Medical Image Analysis: Analyze medical images (e.g., X-rays, MRIs) to detect abnormalities or diagnose diseases."
+        "Medical Image Analysis: Analyze medical images (e.g., X-rays, MRIs) to detect abnormalities or diagnose diseases.",
+        "Obtaining text data: Extract text from the image, such as names, date, time, etc.",
     ]
 
     # Task selection dropdown
@@ -61,8 +56,8 @@ def main():
 
     # Button to generate response
     if st.button("Generate Response"):
-        if uploaded_image is None or selected_task == "":
-            st.error("Please upload an image and sekect a task.")
+        if uploaded_image is None or not selected_task:  # Check if a task is selected
+            st.error("Please upload an image and select a task.")
         else:
             # Prepare the multimodal prompt
             payload = {
@@ -90,13 +85,20 @@ def main():
             with st.spinner("Processing..."):
                 # Generate response
                 response = requests.post("https://api.openai.com/v1/chat/completions", headers=headers, json=payload)
-                # Display the response
-                content = response.json()
-                # Show the response content
-                st.success("Response generated!")
-                # Extract the content of the response
-                contentstring = content['choices'][0]['message']['content']
-                st.write(f"AI Response: {contentstring}")
+                
+                # Check for errors in the response
+                if response.status_code != 200:
+                    st.error(f"Error: {response.status_code} - {response.text}")
+                else:    
+                    # Display the response
+                    content = response.json()
+
+                    # Show the response content
+                    st.success("Response generated!")
+                    # Extract the content of the response
+                    # Access the content correctly from the response JSON
+                    contentstring = content['choices'][0]['message']['content']
+                    st.markdown(f"AI Response: {contentstring}")
 
 if __name__ == "__main__":
     main()