The latest articles on DEV Community by Kakvey Ket (@kakveyket). https://dev.to/kakveyket https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3845484%2F293b5839-ed99-4f9a-96e2-013eabc70dfe.JPG https://dev.to/kakveyket en Kakvey Ket Tue, 10 Nov 2026 14:47:58 +0000 https://dev.to/kakveyket/i-built-a-free-pdf-toolkit-with-nuxt-4-and-vue-3-ah https://dev.to/kakveyket/i-built-a-free-pdf-toolkit-with-nuxt-4-and-vue-3-ah <p>I Built a Free PDF Toolkit with Nuxt 4 and Vue 3</p> <p>Hi DEV Community! 👋</p> <p>I'm an independent developer from Cambodia, and I recently launched PDFEasy, a collection of free online PDF tools.</p> <p>🔗 Website: <a href="https://usepdfeasy.com" rel="noopener noreferrer">https://usepdfeasy.com</a></p> <p>Why I built it</p> <p>PDF tasks are part of everyday work, whether you're preparing school assignments, organizing documents, or sharing files with colleagues.</p> <p>I wanted to create a simple website where people could complete common PDF tasks without signing up or installing software.</p> <p>What PDFEasy can do</p> <ul> <li>Merge PDF — Combine several PDF files into one.</li> <li>Split PDF — Extract selected pages.</li> <li>JPG to PDF — Convert images into a PDF.</li> <li>Rotate PDF — Fix incorrectly oriented pages.</li> <li>Organize PDF — Rearrange and remove pages.</li> </ul> <p>Technology behind the project<br> I built the website using:</p> <ul> <li>Nuxt 4 and Vue 3 for the frontend</li> <li>Tailwind CSS for the interface</li> <li>pdf-lib for browser-based PDF operations</li> <li>Cloudflare Pages for deployment</li> </ul> <p>One of my main design goals was to process PDF files locally in the browser rather than requiring a backend upload for every operation.</p> <p>What I learned</p> <p>Building PDF tools involves more than implementing file conversion. I also had to consider usability, responsive layouts, file-processing errors, deployment, and SEO.</p> <p>I'm continuing to improve the project based on feedback.<br> I'd love your feedback!<br> If you have a moment, please try PDFEasy:</p> <p><a href="https://usepdfeasy.com" rel="noopener noreferrer">https://usepdfeasy.com</a></p> <p>I'd especially appreciate feedback on the user interface, mobile experience, and which PDF feature would be most useful to add next.<br> Thanks for reading!</p> <p>Tags: #nuxt #vue #webdev #showdev</p> webdev productivity automation msbuild Kakvey Ket Fri, 27 Mar 2026 03:07:27 +0000 https://dev.to/kakveyket/al-form-builder-repo-clone-for-test-2g2k https://dev.to/kakveyket/al-form-builder-repo-clone-for-test-2g2k <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/KakveyKet" rel="noopener noreferrer"> KakveyKet </a> / <a href="https://github.com/KakveyKet/KhFormBuilder" rel="noopener noreferrer"> KhFormBuilder </a> </h2> <h3> My project is about the improve my skills and helpful for work like need fast and easy. </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"><p>Sure! Here's a simple and ready-to-copy <strong>README</strong> for your project:</p> <div class="markdown-heading"> <h1 class="heading-element">KhFormBuilder</h1> </div> <p><strong>KhFormBuilder</strong> is an open-source, customizable form builder that allows users to create dynamic forms with ease. This project provides a flexible and user-friendly interface for building and managing forms, complete with validation, drag-and-drop features, and more.</p> <p><a rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/d6507b1210b0925411d4601663ca3152a829bfa0f338549f9560758ba2e34b8b/68747470733a2f2f7265732e636c6f7564696e6172792e636f6d2f64766c6a63696d6c7a2f696d6167652f75706c6f61642f76313737343531323633322f73637265656e636170747572652d6c6f63616c686f73742d353137332d323032362d30332d32352d30395f33315f31375f776f6f63646e2e706e67"><img src="https://camo.githubusercontent.com/d6507b1210b0925411d4601663ca3152a829bfa0f338549f9560758ba2e34b8b/68747470733a2f2f7265732e636c6f7564696e6172792e636f6d2f64766c6a63696d6c7a2f696d6167652f75706c6f61642f76313737343531323633322f73637265656e636170747572652d6c6f63616c686f73742d353137332d323032362d30332d32352d30395f33315f31375f776f6f63646e2e706e67" alt="KhFormBuilder Screenshot"></a> <strong>Form Studio</strong> is a drag drop fast easy for edit and update the component fast preview and public s <a rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/06593440d580de625f4bf9aa26956b989c240c2a3254ef76ae8d7324267ec5a6/68747470733a2f2f7265732e636c6f7564696e6172792e636f6d2f64766c6a63696d6c7a2f696d6167652f75706c6f61642f76313737343531333330302f53637265656e73686f745f323032362d30332d32365f3135313733395f6b77376869682e706e67"><img src="https://camo.githubusercontent.com/06593440d580de625f4bf9aa26956b989c240c2a3254ef76ae8d7324267ec5a6/68747470733a2f2f7265732e636c6f7564696e6172792e636f6d2f64766c6a63696d6c7a2f696d6167652f75706c6f61642f76313737343531333330302f53637265656e73686f745f323032362d30332d32365f3135313733395f6b77376869682e706e67" alt="Form Studio"></a></p> <p><strong>Form workspace</strong> controll your own form as you need <a rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/37e974cb4dac3dcbf40ecd7433bc8e26cada8213d948eb8018f4f2fff9a7e47b/68747470733a2f2f7265732e636c6f7564696e6172792e636f6d2f64766c6a63696d6c7a2f696d6167652f75706c6f61642f76313737343531333239392f53637265656e73686f745f323032362d30332d32365f3135313831395f6767687368342e706e67"><img src="https://camo.githubusercontent.com/37e974cb4dac3dcbf40ecd7433bc8e26cada8213d948eb8018f4f2fff9a7e47b/68747470733a2f2f7265732e636c6f7564696e6172792e636f6d2f64766c6a63696d6c7a2f696d6167652f75706c6f61642f76313737343531333239392f53637265656e73686f745f323032362d30332d32365f3135313831395f6767687368342e706e67" alt="Form workspace"></a></p> <div class="markdown-heading"> <h2 class="heading-element">Table of Contents</h2> </div> <ul> <li><a href="https://github.com/KakveyKet/KhFormBuilder#description" rel="noopener noreferrer">Description</a></li> <li><a href="https://github.com/KakveyKet/KhFormBuilder#features" rel="noopener noreferrer">Features</a></li> <li><a href="https://github.com/KakveyKet/KhFormBuilder#demo" rel="noopener noreferrer">Demo</a></li> <li><a href="https://github.com/KakveyKet/KhFormBuilder#installation" rel="noopener noreferrer">Installation</a></li> <li><a href="https://github.com/KakveyKet/KhFormBuilder#usage" rel="noopener noreferrer">Usage</a></li> <li><a href="https://github.com/KakveyKet/KhFormBuilder#contributing" rel="noopener noreferrer">Contributing</a></li> <li><a href="https://github.com/KakveyKet/KhFormBuilder#license" rel="noopener noreferrer">License</a></li> </ul> <div class="markdown-heading"> <h2 class="heading-element">Description</h2> </div> <p>KhFormBuilder is designed to help users quickly create and manage forms without needing to write a lot of code. Whether you need a simple contact form or a complex survey form, this tool provides the necessary components for customization. It's built using <strong>Vue.js</strong> for the frontend and <strong>Node.js</strong> for the backend.</p> <div class="markdown-heading"> <h2 class="heading-element">Features</h2> </div> <ul> <li> <strong>Drag-and-Drop Interface</strong>: Easily arrange form fields with drag-and-drop.</li> <li> <strong>Field Types</strong>…</li> </ul></div> </div> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/KakveyKet/KhFormBuilder" rel="noopener noreferrer">View on GitHub</a></div> </div> webdev