A sleek, minimal React + TailwindCSS frontend for converting mathematical images into LaTeX code.
It connects to a Flask backend API that performs OCR → LaTeX conversion.
- 🧠 Drag & drop image upload using react-dropzone
- ⚡ Real-time LaTeX extraction via Axios API calls
- 🎨 Modern UI built with TailwindCSS + glassmorphism styling
- 🧰 Responsive and minimal — ideal for demo or research use
| Layer | Technology |
|---|---|
| Frontend Framework | React (Vite) |
| Styling | TailwindCSS + PostCSS |
| API Communication | Axios |
| File Handling | react-dropzone |
git clone https://github.com/quantam-syntax/Image2Latex-Frontend.git
cd Image2Latex-Frontend2️⃣ Install dependencies
npm install3️⃣ Start the development server
npm start-
Fork this repository and clone your forked repository
-
Create a new branch
git checkout -b feature/new
-
Make your changes
-
Commit and push
git add .
git commit -m "feat: improved frontend"
git push origin feature/new
Open a Pull Request to the main repository on GitHub 🚀
If you find bugs or have ideas for improvements, open a New Issue in the Issues tab and describe your suggestion or problem clearly.