React LaTeX Formula Converter 🧮✨

Welcome to the React LaTeX Formula Converter — a fast, user-friendly tool designed to help students, educators, and developers effortlessly convert plain text math expressions into beautifully rendered LaTeX formulas. Built with React, TypeScript, and Vite, this project leverages better-react-mathjax for real-time rendering and offers a responsive keyboard for quick formula input. 🧮⚛️

🎯 Why This Project?

Math and science students, especially at institutions like UNICAMP 🎓, often face challenges typing complex mathematical formulas online. This converter bridges the gap between intuitive text input and precise LaTeX rendering, making it ideal for courses such as Fundamentos Matemáticos (MC358) 📐 and Cálculo Avançado (MC458) ➗.

Whether you’re preparing homework 📚, academic papers 📝, or interactive learning materials 💡, this tool simplifies formula creation and live preview with minimal latency.

🚀 Features

• ⚡ Live LaTeX rendering with MathJax for instant preview.
• ⏳ Debounced input handling for smooth typing experience.
• 🎹 Custom math keyboard to insert common mathematical symbols.
• 📋 Copy to clipboard functionality for easy sharing.
• 📱 Responsive and accessible UI built with modern React hooks and TypeScript.
• 🔧 Optimized for both beginners and advanced LaTeX users.

🏃 How to Run Locally with Vite

Follow these simple steps to get the project running on your local machine:

1. Clone the repository

   git clone https://github.com/milenafs/text-to-latex-converter.git
   cd text-to-latex-converter

2. Install dependencies

   Using npm:

   npm install

   Or using yarn:

   yarn install

3. Start the development server

   npm run dev

   Or using yarn:

   yarn dev

4. Open your browser Navigate to http://localhost:5173 (default Vite port) to see the app in action! 🎉

5. Start typing your formulas and enjoy live LaTeX rendering! ✍️

🤝 Get Involved!

We welcome contributions from the community — whether you’re a React developer 💻, LaTeX enthusiast ✍️, or student passionate about math education 📊. Help us improve the tool, add new symbols ➕, optimize performance ⚙️, or enhance accessibility.

How you can contribute:

• Report bugs 🐞 and request features ⭐
• Submit pull requests with new symbols, enhancements, or fixes 🔧
• Suggest improvements for UI/UX design 🎨
• Help write or improve documentation 📚
• Share this project with your network to help grow the community 🌍

Keywords: LaTeX, React, TypeScript, MathJax, UNICAMP, Fundamentos Matemáticos, MC358, MC458, Formula Converter, Math Editor, Vite, Keyboard Input

---

Happy converting! 🎉