chore: remove redundant comments, update README with run instructions, and add new demo images.

Author: enjeck

README.md

@@ -1,6 +1,17 @@
 # num2math
-Generate a complicated math expression that results in a number. If you wanna do this for some reason.
+
+A simple web app that generates a complicated math expression that results in a number. If you wanna do this for some reason.
 
 Try it: https://enjeck.com/num2math/
 
 ![](demo.gif)
+
+## Run the app
+To run the app locally:
+
+```bash
+git clone https://github.com/enjeck/num2math.git
+cd num2math
+npm install
+npm run dev
+```

demo.gif

@@ -36,21 +36,16 @@ document.addEventListener('DOMContentLoaded', function () {
 
     const number = document.getElementById('input').value;
 
-    // Increase SVG dimensions for better quality
     const w = parseInt(svg.getAttribute('width')) * 3;
     const h = parseInt(svg.getAttribute('height')) * 3;
 
-    // Clone the SVG to avoid modifying the displayed version
     const clonedSvg = svg.cloneNode(true);
     clonedSvg.setAttribute('width', `${w}ex`);
     clonedSvg.setAttribute('height', `${h}ex`);
 
-    // Convert SVG to string data
     const data = new XMLSerializer().serializeToString(clonedSvg);
 
     const canvas = document.createElement('canvas');
-
-    // Render SVG to canvas and convert to PNG
     canvg(canvas, data, {
       renderCallback: function () {
         canvas.toBlob(function (blob) {

num2math1.png

@@ -15,38 +15,32 @@ document.addEventListener('DOMContentLoaded', function () {
   const downloadBtn = document.getElementById('download-img');
   const shareBtn = document.getElementById('share-btn');
 
-  // Event listeners
   form.addEventListener('submit', handleFormSubmit);
   displayCheckbox.addEventListener('change', convert);
   closeButton.addEventListener('click', () => {
     document.getElementById('mobile-notice').style.display = 'none';
   });
   shareBtn.addEventListener('click', handleShare);
 
-  // Load state from URL if present (wait for MathJax to be ready)
   loadStateFromURL();
 
   function loadStateFromURL() {
     const state = getStateFromURL();
     if (state) {
-      // Set input value
       inputField.value = state.number;
-      
-      // Set checkboxes
+
       document.getElementById('gamma-function').checked = state.config.gammaFunction;
       document.getElementById('eulers-identity').checked = state.config.eulersIdentity;
       document.getElementById('limits-exponential').checked = state.config.limitExponential;
       document.getElementById('limits-polynomial').checked = state.config.limitPolynomial;
       document.getElementById('trig').checked = state.config.trig;
       document.getElementById('geometric-series').checked = state.config.geometricSeries;
-      
-      // Wait for MathJax to be ready before rendering
+
       if (window.MathJax && window.MathJax.startup) {
         MathJax.startup.promise.then(() => {
           convert();
         });
       } else {
-        // MathJax not loaded yet, wait for it
         window.addEventListener('load', () => {
           if (window.MathJax && window.MathJax.startup) {
             MathJax.startup.promise.then(() => {
@@ -66,14 +60,12 @@ document.addEventListener('DOMContentLoaded', function () {
   function convert() {
     const number = inputField.value;
 
-    // Validate input
     const validation = validateInput(number);
     if (!validation.valid) {
       showError(validation.error);
       return;
     }
 
-    // Get configuration from checkboxes
     const config = {
       gammaFunction: document.getElementById('gamma-function').checked,
       eulersIdentity: document.getElementById('eulers-identity').checked,
@@ -83,20 +75,17 @@ document.addEventListener('DOMContentLoaded', function () {
       geometricSeries: document.getElementById('geometric-series').checked,
     };
 
-    // Generate the LaTeX expression
     const input = generateEquation(Number(number), config);
 
-    // Render with MathJax
     renderEquation(input);
-    
-    // Update URL with current state (for sharing)
+
     updateURL(Number(number), config);
   }
 
   function handleShare() {
     const number = inputField.value;
     const validation = validateInput(number);
-    
+
     if (!validation.valid) {
       showError('Please generate an equation first before sharing!');
       return;
@@ -112,7 +101,7 @@ document.addEventListener('DOMContentLoaded', function () {
     };
 
     const shareableURL = generateShareableURL(Number(number), config);
-    
+
     // Try to use native share API if available (mobile devices)
     if (navigator.share) {
       navigator.share({
@@ -125,24 +114,21 @@ document.addEventListener('DOMContentLoaded', function () {
         }
       });
     } else {
-      // Fallback to clipboard
       copyToClipboard(shareableURL);
     }
   }
 
   function copyToClipboard(text) {
     navigator.clipboard.writeText(text).then(() => {
-      // Show feedback
       const originalText = shareBtn.textContent;
       shareBtn.textContent = '✓ Link copied!';
       shareBtn.style.backgroundColor = '#28a745';
-      
+
       setTimeout(() => {
         shareBtn.textContent = originalText;
         shareBtn.style.backgroundColor = '';
       }, 2000);
     }).catch(() => {
-      // Fallback for older browsers
       const textarea = document.createElement('textarea');
       textarea.value = text;
       textarea.style.position = 'fixed';
@@ -151,7 +137,7 @@ document.addEventListener('DOMContentLoaded', function () {
       textarea.select();
       document.execCommand('copy');
       document.body.removeChild(textarea);
-      
+
       const originalText = shareBtn.textContent;
       shareBtn.textContent = '✓ Link copied!';
       setTimeout(() => {
@@ -165,18 +151,13 @@ document.addEventListener('DOMContentLoaded', function () {
   }
 
   function renderEquation(latexExpression) {
-    // Disable buttons while rendering
     renderButton.disabled = displayCheckbox.disabled = true;
 
-    // Clear previous output
     outputDiv.innerHTML = '';
 
-    // Configure MathJax rendering
     MathJax.texReset();
     const options = MathJax.getMetricsFor(outputDiv);
     options.display = displayCheckbox.checked;
-
-    // Render the LaTeX expression
     MathJax.tex2svgPromise(latexExpression, options)
       .then((node) => {
         outputDiv.appendChild(node);