Update app.py

app.py

@@ -1,113 +1,86 @@
-import gradio as gr
-
-def string_converter(text):
-    if not text:
-        return "", "", "", "", 0, 0
-
-    return (
-        text.upper(),
-        text.lower(),
-        text.title(),
-        text[::-1],
-        len(text),
-        len(text.split())
+ import gradio as gr
+import time
+
+SAMPLE_TEXT = "The quick brown fox jumps over the lazy dog."
+
+def typing_stats(user_input, start_time):
+    if not user_input:
+        return 0, 0, start_time
+
+    elapsed = time.time() - start_time
+    minutes = elapsed / 60 if elapsed > 0 else 1/60
+
+    char_count = len(user_input)
+    wpm = (char_count / 5) / minutes
+
+    correct_chars = sum(
+        1 for u, s in zip(user_input, SAMPLE_TEXT) if u == s
     )
+    accuracy = (correct_chars / max(len(SAMPLE_TEXT), 1)) * 100
+
+    return round(wpm, 2), round(accuracy, 2), start_time
+
+def start_timer():
+    return time.time()
 
 custom_css = """
-body {
-    background-color: #f8fafc;
-}
 .gradio-container {
-    max-width: 900px !important;
+    max-width: 700px !important;
 }
-.output-box textarea {
-    background-color: #f1f5f9 !important;
-}
-h1, h2 {
-    text-align: center;
+textarea {
+    font-size: 16px !important;
 }
 """
 
 with gr.Blocks(
-    title="String Converter App",
+    title="Light Typer App",
     css=custom_css,
     theme=gr.themes.Soft()
 ) as app:
 
-    gr.Markdown("# 🔤 String Converter")
-    gr.Markdown(
-        "A clean and interactive tool to transform text instantly."
-    )
+    gr.Markdown("# ⌨️ Light Typer")
+    gr.Markdown("Practice typing and track your speed & accuracy.")
 
     with gr.Group():
-        input_text = gr.Textbox(
-            label="Input Text",
-            placeholder="Type or paste your text here...",
-            lines=4
+        gr.Markdown("### 📄 Type the text below")
+        reference_text = gr.Textbox(
+            value=SAMPLE_TEXT,
+            interactive=False
         )
 
-    with gr.Row():
-        convert_btn = gr.Button("Convert", variant="primary")
-        clear_btn = gr.Button("Clear", variant="secondary")
+    start_time = gr.State(0.0)
 
-    with gr.Group():
-        gr.Markdown("### 🔄 Converted Output")
+    user_input = gr.Textbox(
+        label="Start Typing",
+        placeholder="Start typing here...",
+        lines=3
+    )
 
-        with gr.Row():
-            upper_out = gr.Textbox(label="Uppercase", interactive=False)
-            lower_out = gr.Textbox(label="Lowercase", interactive=False)
+    with gr.Row():
+        wpm_out = gr.Number(label="WPM", interactive=False)
+        accuracy_out = gr.Number(label="Accuracy (%)", interactive=False)
 
-        with gr.Row():
-            title_out = gr.Textbox(label="Title Case", interactive=False)
-            reverse_out = gr.Textbox(label="Reversed String", interactive=False)
+    reset_btn = gr.Button("Reset", variant="secondary")
 
-    with gr.Group():
-        gr.Markdown("### 📊 Text Statistics")
-
-        with gr.Row():
-            char_count_out = gr.Number(label="Character Count", interactive=False)
-            word_count_out = gr.Number(label="Word Count", interactive=False)
-
-    # Button click
-    convert_btn.click(
-        fn=string_converter,
-        inputs=input_text,
-        outputs=[
-            upper_out,
-            lower_out,
-            title_out,
-            reverse_out,
-            char_count_out,
-            word_count_out
-        ]
+    # Start timer on first input
+    user_input.focus(
+        fn=start_timer,
+        inputs=None,
+        outputs=start_time
     )
 
-    # Live update while typing (UX upgrade)
-    input_text.change(
-        fn=string_converter,
-        inputs=input_text,
-        outputs=[
-            upper_out,
-            lower_out,
-            title_out,
-            reverse_out,
-            char_count_out,
-            word_count_out
-        ]
+    # Update stats live
+    user_input.change(
+        fn=typing_stats,
+        inputs=[user_input, start_time],
+        outputs=[wpm_out, accuracy_out, start_time]
     )
 
-    # Clear button logic
-    clear_btn.click(
-        fn=lambda: ("", "", "", "", 0, 0),
+    # Reset
+    reset_btn.click(
+        fn=lambda: ("", 0, 0, 0.0),
         inputs=None,
-        outputs=[
-            upper_out,
-            lower_out,
-            title_out,
-            reverse_out,
-            char_count_out,
-            word_count_out
-        ]
+        outputs=[user_input, wpm_out, accuracy_out, start_time]
     )
 
 if __name__ == "__main__":