Upload app.py

app.py

@@ -1,7 +1,8 @@
-import gradio as gr
+import streamlit as st
 
 # Custom CSS for styling
 css = """
+<style>
     .criteria-name {
         font-size: 18px;
         font-weight: bold;
@@ -29,7 +30,9 @@ css = """
         text-align: center;
         margin-bottom: 30px;
     }
+</style>
 """
+st.markdown(css, unsafe_allow_html=True)
 
 # Define criteria grouped by category with names and descriptions
 criteria = {
@@ -77,33 +80,35 @@ criteria = {
     ]
 }
 
-def calculate_score(*ratings):
-    # Exclude blank ratings (value 0 means not rated)
+def calculate_score(ratings):
+    # Exclude ratings of 0 (0 means not rated)
     valid = [r for r in ratings if r and r > 0]
     if not valid:
         return "Please rate at least one criterion."
     avg = sum(valid) / len(valid)
     # Quadratic scaling: f(x) = (1/18)*x^2 + (19/18)*x - (1/9)
     scaled_score = (1/18) * (avg ** 2) + (19/18) * avg - (1/9)
-    return f"**Final Scaled Score:** {scaled_score:.2f} / 10"
+    return f"Final Scaled Score: {scaled_score:.2f} / 10"
 
-with gr.Blocks(css=css, title="Movie Rating System") as demo:
-    gr.Markdown("<h1 class='app-header'>Movie Rating System</h1>", unsafe_allow_html=True)
-    rating_components = []
-    # Loop over each category and its subcriteria
-    for group, subcriteria in criteria.items():
-        gr.Markdown(f"<div class='category-header'>{group}</div>", unsafe_allow_html=True)
-        for crit in subcriteria:
-            with gr.Box(elem_classes="subcriteria"):
-                gr.Markdown(f"<div class='criteria-name'>{crit['name']}</div>", unsafe_allow_html=True)
-                gr.Markdown(f"<div class='criteria-description'>{crit['description']}</div>", unsafe_allow_html=True)
-                # The Rating component: 0 means not rated (i.e. blank)
-                rating = gr.Rating(num_stars=7, value=0, label="")
-                rating_components.append(rating)
-                
-    calculate_btn = gr.Button("Calculate Score")
-    output = gr.Markdown("", elem_classes="app-header")
-    
-    calculate_btn.click(fn=calculate_score, inputs=rating_components, outputs=output)
+st.markdown("<h1 class='app-header'>Movie Rating System</h1>", unsafe_allow_html=True)
 
-demo.launch()
+ratings = []
+
+# Loop over each category and its subcriteria
+for group, subcriteria in criteria.items():
+    st.markdown(f"<div class='category-header'>{group}</div>", unsafe_allow_html=True)
+    for idx, crit in enumerate(subcriteria):
+        st.markdown(f"""
+        <div class='subcriteria'>
+            <div class='criteria-name'>{crit['name']}</div>
+            <div class='criteria-description'>{crit['description']}</div>
+        </div>
+        """, unsafe_allow_html=True)
+        # Use a slider for rating (0 means not rated)
+        key = f"{group}_{idx}"
+        rating = st.slider(f"Rate {crit['name']} (0-7)", 0, 7, 0, key=key)
+        ratings.append(rating)
+
+if st.button("Calculate Score"):
+    result = calculate_score(ratings)
+    st.markdown(f"<h2 style='text-align:center;'>{result}</h2>", unsafe_allow_html=True)