File size: 1,557 Bytes
0705bfe
 
ba62aa1
 
 
0705bfe
 
 
 
ba62aa1
0705bfe
 
 
ba62aa1
 
 
 
 
 
 
 
 
 
 
 
 
f8da064
 
 
 
 
 
 
 
 
ba62aa1
 
 
 
 
 
f8da064
ba62aa1
 
 
f8da064
 
ba62aa1
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
---
title: Learnloop
emoji: 🔢💡
colorFrom: blue
colorTo: blue
sdk: gradio
sdk_version: 5.49.1
app_file: app.py
pinned: false
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