Update README.md

README.md

@@ -1,13 +1,58 @@
 ---
 title: Learnloop
-emoji: 😻
-colorFrom: green
-colorTo: green
+emoji: 🔢💡
+colorFrom: blue
+colorTo: blue
 sdk: gradio
 sdk_version: 5.49.1
 app_file: app.py
 pinned: false
-short_description: PU-only demo for a tiny tutor
+short_description: AI tutor for math learners
 ---
 
 Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+
+## LearnLoop - AI Tutor for math 🔢💡
+  LearnLoop is a  AI-powered math tutor built with Gradio and SymPy. 
+  It helps users understand mathematical expressions step-by-step, using natural language and intuitive feedback.
+
+## Features
+- Step-by-step explanations for math expressions
+- Beginner, Intermediate, and Advanced levels
+- Powered by SymPy, Transformers, and PyTorch
+- Clean, responsive UI with soft visual rhythm
+
+
+## Getting started
+1. Clone the repository
+```
+  git clone https://github.com/your-username/learnloop.git
+  cd learnloop
+```
+
+2. Install dependencies
+```
+  pip install -r requirements.txt
+```
+
+3. Run the app
+```
+  python app.py
+```
+
+## Requirements
+See `requirements.txt` for full list
+
+## UI 
+- styled using `gr.HTML()` with embedded CSS
+- .gradio-container to add color to the background
+- focuses on clarity, calmness and visual harmony
+
+## Button functionality
+- Explain button and Enter key triggers the explanation
+- Reset button clears input and output areas
+- Buttons styled with hover and focus effects 
+- Buttons lighten slightly on hover for visual feedback
+- On click, they shrink and darken briefly to indicate activation
+- Microinteractions improve clarity and responsiveness
+- Styled via CSS inside `gr.HTML()` blocks