Rename app1.py to app.py

app.py

@@ -0,0 +1,86 @@
+import streamlit as st
+import openai
+from datetime import datetime
+
+# Custom CSS for layout
+st.markdown("""
+<style>
+    .box-container {
+        background-color: #ffffff;
+        border-radius: 10px;
+        padding: 20px;
+        margin: 10px 0;
+        border: 2px solid #eee;
+        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+    }
+    
+    .story-box {
+        max-height: 300px;
+        overflow-y: auto;
+        padding: 15px;
+        background-color: #f8f9fa;
+        border-radius: 8px;
+    }
+    
+    .input-box {
+        background-color: #ffffff;
+        padding: 15px;
+        border-radius: 8px;
+    }
+</style>
+""", unsafe_allow_html=True)
+
+# ตั้งค่า API Key
+openai.api_key = st.secrets["OPENAI_API_KEY"]
+
+# Initialize session state variables
+if 'story' not in st.session_state:
+    st.session_state.story = ["Once upon a time, in a magical forest..."]
+if 'story_started' not in st.session_state:
+    st.session_state.story_started = False
+
+def continue_story(user_input):
+    """Get story continuation from OpenAI API"""
+    story_context = " ".join(st.session_state.story)
+    
+    response = openai.ChatCompletion.create(
+        model="gpt-4o-mini",
+        messages=[
+            {"role": "system", "content": "You are a creative storyteller helping to continue a story with interesting details. Keep it simple and coherent."},
+            {"role": "user", "content": f"Story so far: {story_context}"},
+            {"role": "user", "content": f"Continue with: {user_input}"}
+        ],
+        temperature=0.7,
+        max_tokens=50
+    )
+    return response.choices[0].message.content.strip()
+
+# Main application
+st.title("🎨 Interactive Story Adventure")
+st.subheader("Let's create a fun story together!")
+
+# Start story button
+if not st.session_state.story_started:
+    if st.button("Start Story"):
+        st.session_state.story_started = True
+        st.success("Story started! Let's add to it.")
+
+# Display story so far
+st.write("### 📖 Our Story So Far:")
+for entry in st.session_state.story:
+    st.markdown(f"<div class='box-container story-box'>{entry}</div>", unsafe_allow_html=True)
+
+# Add user input for the story continuation
+if st.session_state.story_started:
+    user_input = st.text_input("Add your sentence:", "")
+    
+    if st.button("Submit"):
+        # Add the user's input to the story
+        st.session_state.story.append(user_input)
+        
+        # Generate AI continuation
+        ai_continuation = continue_story(user_input)
+        st.session_state.story.append(ai_continuation)
+        
+        # Rerun to display updated story
+        st.experimental_rerun()

app1.py

@@ -1,56 +0,0 @@
-import streamlit as st
-import openai
-from openai import OpenAI
-
-# การตั้งค่า API Key สำหรับ OpenAI
-openai.api_key = st.secrets["OPENAI_API_KEY"]
-client = OpenAI(api_key=st.secrets["OPENAI_API_KEY"])
-
-# ชื่อโปรเจกต์
-st.title("Welcome to JoyStory! 🎉")
-st.subheader("Let's create fun and imaginative stories together!")
-
-# ตัวเลือกระดับภาษา
-level = st.selectbox("Choose your level:", ["Beginner", "Intermediate", "Advanced"])
-
-# ปุ่มเริ่มต้น
-if "story_started" not in st.session_state:
-    st.session_state["story_started"] = False  # กำหนดค่าเริ่มต้น
-
-start_button = st.button("Start Creating Your Story!")
-
-# ตรวจสอบเมื่อกดปุ่มเริ่มต้น
-if start_button:
-    st.session_state["level"] = level  # บันทึกระดับที่เลือกไว้ใน session
-    st.session_state["story_started"] = True  # เปลี่ยนสถานะการเริ่มเรื่อง
-
-# เมื่อการแต่งเรื่องเริ่มต้นแล้ว
-if st.session_state["story_started"]:
-    st.header("JoyStory - Let's Create!")
-    
-    # เริ่มต้นเนื้อเรื่อง
-    if "story_text" not in st.session_state:
-        st.session_state["story_text"] = "Once upon a time, in a magical forest..."
-    
-    st.write(st.session_state["story_text"])
-    
-    # กล่องให้เด็กแต่งประโยค
-    user_input = st.text_input("Add your sentence:")
-    if st.button("Submit"):
-        # การเรียกใช้ API ตามโครงสร้างใหม่
-
-        response = client.chat.completions.create(
-            model="gpt-4o-mini",
-            messages=[
-                {"role": "system", "content": "You are a storytelling assistant who helps children write fun and imaginative stories."},
-                {"role": "user", "content": st.session_state["story_text"] + " " + user_input}
-            ],
-            temperature=0.7,
-            max_tokens=50  # Increased to accommodate answers and explanations
-        )
-        
-        ai_text = response.choices[0].message["content"].strip()
-        
-        # อัปเดตเรื่องราวที่กำลังดำเนินอยู่
-        st.session_state["story_text"] += " " + user_input + " " + ai_text
-        st.write(st.session_state["story_text"])