$ show octokatherine/readme.so
Readme.so is a Next.js web application that provides an online editor for generating README.md files. Users can select from predefined sections, edit their content using a Monaco Editor (desktop) or textarea (mobile), reorder sections via drag-and-drop, and download the final markdown. The application state is managed in React and persisted to localStorage with debounced saving. The frontend uses TailwindCSS for styling and integrates libraries like dnd-kit for drag-and-drop and react-markdown for preview. The app is statically exported and deployed via GitHub Pages.
The LLM identified 2 files worth highlighting for reuse:
A custom React hook that manages localStorage persistence with debounced writes to prevent excessive storage operations. It provides saveBackup and deleteBackup functions, and automatically loads existing backup on initialization. This isolated hook can be extracted and reused in any React project needing to persist state to localStorage with performance considerations.
A self-contained React component that displays raw text in a read-only textarea and provides a copy-to-clipboard button with visual feedback. It handles the Clipboard API with a fallback for older browsers using document.execCommand, and shows a temporary success message after copying. This component is isolated and can be reused in any project requiring text display and copy functionality.