Update app.py

app.py

@@ -4,9 +4,8 @@ from gtts import gTTS
 import tempfile
 import re
 
-# -----------------------
-# 1️⃣ Translation Function
-# -----------------------
+#Translation Function
+
 def translation_to_French(api_key, text):
     if not api_key:
         return "Error: API Key is missing.", None
@@ -28,7 +27,7 @@ def translation_to_French(api_key, text):
             )
         )
 
-        # ✅ Check for a valid response before accessing .text
+       
         if not response_translation.parts:
              # You can inspect the full response to see the finish_reason
             print(f"Translation failed: {response_translation}")
@@ -63,9 +62,9 @@ def translation_to_French(api_key, text):
         print(f"Gemini API Error: {e}")
         return f"Error: {str(e)}", None
 
-# -----------------------
-# 2️⃣ Clean Pronunciation
-# -----------------------
+
+#Clean Pronunciation
+
 def clean_pronunciation(pronunciation_text):
     pronunciation_cleaned = re.sub(r"(?i)(the pronunciation.*?is[:：]*|\n|\"|\')", "", pronunciation_text).strip()
     match = re.search(r"\[.*?\]", pronunciation_cleaned)
@@ -73,18 +72,17 @@ def clean_pronunciation(pronunciation_text):
         pronunciation_cleaned = match.group(0)
     return pronunciation_cleaned
 
-# -----------------------
-# 3️⃣ Generate Audio
-# -----------------------
+# Generate Audio
+
 def generate_audio_from_text(text):
     tts = gTTS(text, lang="fr")
     temp_audio_file = tempfile.NamedTemporaryFile(delete=False, suffix=".mp3")
     tts.save(temp_audio_file.name)
     return temp_audio_file.name
 
-# -----------------------
-# 4️⃣ Process Translation for Gradio
-# -----------------------
+
+# Process Translation for Gradio
+
 def process_translation(api_key, english_text):
     if not api_key:
         return "Missing API Key", "", "", None, None
@@ -93,7 +91,7 @@ def process_translation(api_key, english_text):
 
     translated_text, pronunciation = translation_to_French(api_key, english_text)
     if not pronunciation:
-        # If pronunciation failed, still return the translated text
+        
         return translated_text, "", "", None, None
 
     cleaned_pronunciation = clean_pronunciation(pronunciation)
@@ -104,39 +102,98 @@ def process_translation(api_key, english_text):
         f"French Translation: {translated_text}\n"
         f"Pronunciation: {cleaned_pronunciation}"
     )
-    # ⭐ IMPROVEMENT: Robust file handling
+  
     with tempfile.NamedTemporaryFile(mode="w", delete=False, suffix=".txt", encoding="utf-8") as temp_file:
         temp_file.write(result_text)
         result_file_name = temp_file.name
 
-    # ⭐ IMPROVEMENT: Generate audio from the actual French text
+    
     audio_path = generate_audio_from_text(translated_text)
 
     return "Translation Successful!", translated_text, cleaned_pronunciation, result_file_name, audio_path
 
-# -----------------------
-# 5️⃣ Gradio Interface
-# -----------------------
-with gr.Blocks(theme=gr.themes.Soft()) as app:
-    gr.Markdown("# English → French Translator with Pronunciation")
-    gr.Markdown("Translate English text into **French**, get **pronunciation**, and listen to it!")
 
-    # ⭐ IMPROVEMENT: Corrected the label for clarity
-    api_key = gr.Textbox(label="🔑 Gemini API Key", type="password", placeholder="Enter your Gemini API key")
-    english_text = gr.Textbox(label="📝 Enter English Text", lines=4, placeholder="Type something in English...")
+# Gradio Interface
 
-    translate_button = gr.Button("Translate to French 🚀")
+import gradio as gr
 
-    status_label = gr.Label(label="Status")
-    translation_output = gr.Textbox(label="📘 French Translation")
-    pronunciation_output = gr.Textbox(label="🔤 Pronunciation (IPA)")
-    audio_output = gr.Audio(label="🔊 Listen to Pronunciation", type="filepath")
-    file_output = gr.File(label="⬇️ Download Translation Result")
+with gr.Blocks(
+    theme=gr.themes.Soft(primary_hue="violet", secondary_hue="blue"),
+    title="🌍 English → French Translator",
+) as app:
+
+    # ✨ Header
+    gr.Markdown(
+        """
+        <div style="text-align:center; padding: 20px 0;">
+            <h1 style="color:#5A4FCF;">🌍 English → French Translator</h1>
+            <p style="font-size:18px; color:#444;">
+                Translate English text into <b>French</b>, get <b>pronunciation</b>, and <b>listen</b> to it instantly!
+            </p>
+        </div>
+        <hr>
+        """
+    )
 
+    # 🔹 Layout Section
+with gr.Row():
+        # Left side - Input
+     with gr.Column(scale=1, min_width=400):
+            gr.Markdown("### ✏️ Input Section")
+            api_key = gr.Textbox(
+                label="🔑 Gemini API Key",
+                type="password",
+                placeholder="Enter your Gemini API key here..."
+            )
+            english_text = gr.Textbox(
+                label="📝 English Text",
+                lines=5,
+                placeholder="Type something in English to translate..."
+            )
+            translate_button = gr.Button("🚀 Translate Now", variant="primary")
+
+        # Right side - Output
+        with gr.Column(scale=1, min_width=400):
+            gr.Markdown("### 📘 Output Section")
+            status_label = gr.Label(label="Status")
+            translation_output = gr.Textbox(
+                label="🇫🇷 French Translation", 
+                placeholder="Your translated text will appear here..."
+            )
+            pronunciation_output = gr.Textbox(
+                label="🔤 Pronunciation (IPA)",
+                placeholder="Phonetic pronunciation here..."
+            )
+            audio_output = gr.Audio(
+                label="🔊 Listen to Pronunciation",
+                type="filepath"
+            )
+            file_output = gr.File(label="⬇️ Download Translation Result")
+
+    # 🔄 Button Click Event
     translate_button.click(
         fn=process_translation,
         inputs=[api_key, english_text],
-        outputs=[status_label, translation_output, pronunciation_output, file_output, audio_output]
+        outputs=[
+            status_label,
+            translation_output,
+            pronunciation_output,
+            file_output,
+            audio_output,
+        ],
+        show_progress="full"
+    )
+
+    # 💬 Footer
+    gr.Markdown(
+        """
+        <hr>
+        <div style="text-align:center; color:gray; font-size:14px; padding:10px;">
+            Made with ❤️ using <b>Gemini API</b> + <b>Gradio</b> | Designed by <b>Himel</b>
+        </div>
+        """
     )
 
+app.launch()
+
 app.launch()