DEV Community

Bilal Malik
Bilal Malik

Posted on

I built a visual README editor so developers never have to write markdown from scratch again

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.
So I built ReadmeForge. A block-based visual editor where you drag, drop, fill in content, and download a perfect README in minutes.
What it does:
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.
Tech stack:
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.
What makes it different:
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.
Check it out: readmeforge.vercel.app
GitHub: github.com/byllzz/readmeforge
Would love your feedback and a star if it helps! ⭐

Top comments (0)