
Share Tool State via URL Hash Alone -- Designing 'Recipe URLs'
Ever been in this situation? "Hey, can you check this Base64-decoded result for me?" You paste a Base64 string into Slack, tell your teammate "decode this and look at the output." They open a decoder, paste the string, hit decode. Three steps just to share a single transformation result. What if sending a URL instantly reproduced the same tool in the same state? https://base64.puremark.app/#d=SGVsbG8sIFdvcmxkIQ%3D%3D&m=encode Open that link and a Base64 tool launches in Encode mode with "Hello, World!" already entered and the encoded result displayed. I call this pattern a "Recipe URL." This article walks through the design decisions and implementation. Try it yourself -- go to PureMark Base64 , encode something, and hit "Share." A Recipe URL is generated and copied to your clipboard. What You'll Learn A design pattern for encoding tool state into URL hashes How to Base64-encode Unicode strings in a URL-safe way A serverless architecture for state sharing Concrete implementation code i
Continue reading on Dev.to React
Opens in a new tab



