While building LineAccurate, the biggest challenge was state management in React while drawing dynamically on the HTML canvas.
Initially, I faced the dreaded error:

⚠️ “Maximum update depth exceeded”

This happened because useEffect was being called continuously without a proper dependency array, causing infinite re-renders.

I learned how to isolate the canvas logic and only trigger setState when absolutely necessary.
After debugging, I refactored the drawing logic to separate render and state update cycles — fixing the issue and improving performance.

Another big challenge was cursor precision and scaling — ensuring every line or arc drawn felt as accurate as using a real drafter.
To solve this, I added pixel correction and a simple grid overlay, which made projection drawing precise and intuitive.

Lastly, I faced storage limitations, since I wanted users to save progress but was building purely with frontend tools (no backend).
For now, I implemented quick export options (JPG, PNG, PDF), and I plan to add editable save states in the future using local storage or indexedDB.