Skip to content

amfoss/Image2Latex-Frontend

Repository files navigation

🖼️ Image ➜ LaTeX Converter (Frontend)

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.


🚀 Features

  • 🧠 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

🧩 Tech Stack

Layer Technology
Frontend Framework React (Vite)
Styling TailwindCSS + PostCSS
API Communication Axios
File Handling react-dropzone

⚙️ Setup Instructions

1️⃣ Clone the repository

git clone https://github.com/quantam-syntax/Image2Latex-Frontend.git
cd Image2Latex-Frontend

2️⃣ Install dependencies

npm install

3️⃣ Start the development server

npm start

🤝 Contributing

  1. Fork this repository and clone your forked repository

  2. Create a new branch

git checkout -b feature/new
  1. Make your changes

  2. 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.

About

A frontend for Image to Latex Code Converter

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published