The latest articles on DEV Community by Bilal Malik (@bilalmlkdev). https://dev.to/bilalmlkdev 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%2F3960897%2F442cbe09-0ea6-4b12-9ee5-0466778ff04b.png https://dev.to/bilalmlkdev en Bilal Malik Sun, 31 May 2026 08:22:45 +0000 https://dev.to/bilalmlkdev/i-built-a-visual-readme-editor-so-developers-never-have-to-write-markdown-from-scratch-again-1l0k https://dev.to/bilalmlkdev/i-built-a-visual-readme-editor-so-developers-never-have-to-write-markdown-from-scratch-again-1l0k <p>Every developer knows the feeling — you finish a project, push it to GitHub, and then stare at the empty README.md wondering where to even start.<br> So I built ReadmeForge. A block-based visual editor where you drag, drop, fill in content, and download a perfect README in minutes.<br> What it does:<br> You get 11 purpose-built blocks — title, badges, description, features, installation, usage, screenshots, API docs, contributing guide, license, and custom markdown. Drag them to reorder, fill in your content, and the live preview shows exactly what GitHub will render.<br> Tech stack:<br> React + Vite, Tailwind CSS, Zustand (with persist middleware), @dnd-kit for drag-and-drop, marked for markdown rendering, react-syntax-highlighter for code view, deployed on Vercel.<br> What makes it different:<br> No sign-up. No backend. No tracking. Everything is saved locally in your browser using localStorage, keyed by email — so you can have separate workspaces for different projects.<br> Check it out: thereadmeforge.vercel.app<br> GitHub: github.com/byllzz/readmeforge<br> Would love your feedback and a star if it helps! ⭐<br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbhj6xe7bhtokptrepezi.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbhj6xe7bhtokptrepezi.png" alt=" " width="799" height="365"></a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgw91rjzwv55gw8d56dvl.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgw91rjzwv55gw8d56dvl.png" alt=" " width="799" height="368"></a></p> react opensource javascript webdev