The latest articles on DEV Community by Anant Agrawal (@ianantagrawal). https://dev.to/ianantagrawal https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3764739%2Fe5ff391f-496b-4e3d-9a7a-40fe789fad70.png https://dev.to/ianantagrawal en Anant Agrawal Tue, 10 Feb 2026 16:54:20 +0000 https://dev.to/ianantagrawal/how-i-built-a-drag-and-drop-resume-builder-with-react-tailwind-and-supabase-5bd4 https://dev.to/ianantagrawal/how-i-built-a-drag-and-drop-resume-builder-with-react-tailwind-and-supabase-5bd4 <p>Hey devs! 👋</p> <p>I wanted to learn how to handle complex layouts and PDF generation in React, so I built a full Resume Builder.</p> <p>The Tech Stack:</p> <p>Frontend: React (Vite) + Tailwind CSS<br> Backend: Supabase (Auth + Database)<br> PDF Engine: html2canvas + jsPDF</p> <p>The Hardest Part: Getting the PDF to look exactly like the HTML screen was a nightmare. I had to calculate specific pixel ratios to make sure the A4 size was perfect.</p> <p>The Source Code: I decided to clean up the code and release it as a Starter Kit for anyone who wants to build their own SaaS or learn this stack.</p> <p>You can check it out here: (<a href="https://aganant.gumroad.com/l/tqcwo" rel="noopener noreferrer">https://aganant.gumroad.com/l/tqcwo</a>)</p> <p>Let me know if you have questions about the html2canvas config!</p> <p>Update: I'm offering 50% OFF the source code for the first 5 people from Dev.to. Use code: "BUILDER50"</p> react showdev webdev javascript