Update app.py

app.py

@@ -0,0 +1,78 @@
+import streamlit as st
+from transformers import pipeline
+
+MAX_LENGTH = 512
+
+st.set_page_config(
+    page_title = "Correct spelling mistakes app",
+    page_icon = "🤠",
+    layout = "centered",
+    initial_sidebar_state = "auto"
+)
+
+st.markdown(
+    """
+    <h1 style="text-align: center; color: #4CAF50; font-family: 'Helvetica';">
+        📚 Correct spelling mistakes app
+    </h1>
+    <p style="text-align: center; color: #777; font-size: 18px;">
+        Enter a context to get corrected context powered by AI.
+    </p>
+    """,
+    unsafe_allow_html=True,
+)
+
+st.sidebar.header("Model Settings")
+model_checkpoint = st.sidebar.text_input(
+    "Model Checkpoint", "Diezu/batphocuadieu", help="Specify the model checkpoint to use."
+)
+st.sidebar.markdown(
+    """
+    <small>Using default model: <code>Diezu/batphocuadieu</code>.</small>
+    """,
+    unsafe_allow_html=True,
+)
+corrected_spelling = pipeline("text2text-generation", model=model_checkpoint)
+
+st.markdown(
+    """
+    <h2 style="color: #2196F3;">Provide Context</h2>
+    """,
+    unsafe_allow_html=True,
+)
+context = st.text_area(
+    "Context",
+    "",
+    help="Paste the context where the answer can be found.",
+    height=200,
+    placeholder="Enter your context here...",
+)
+
+if st.button("Get Answer"):
+    if context.strip() == "":
+        st.warning("Please provide context!")
+    else:
+        try:
+            result = corrected_spelling(context,max_length = MAX_LENGTH)
+            st.success("Answer Correct!")
+            st.markdown(
+                f"""
+                <div style="background-color: #f1f8ff; border-left: 4px solid #2196F3; padding: 10px; margin-top: 10px;">
+                    <strong>Answer:</strong> {result['answer']}
+                </div>
+                """,
+                unsafe_allow_html=True,
+            )
+        except Exception as e:
+            st.error(f"Error: {e}")
+
+st.markdown(
+    """
+    <hr>
+    <footer style="text-align: center; font-size: small; color: #888;">
+        Built with ❤️ using <strong>Streamlit</strong> and <strong>Transformers</strong>.
+    </footer>
+    """,
+    unsafe_allow_html=True,
+)
+