Drafting Long Messages on Mobile Made Easy: Introducing Text Scratch Pad PWA

Text Scratch Pad is a minimalist, high-performance, and offline-first Progressive Web App (PWA) designed primarily for drafting messages on mobile.

If you have ever tried to dictate or type a long, thoughtful message directly inside WhatsApp or a mobile AI assistant like Gemini, you know the frustration. The input boxes are cramped, easily triggered, and quite inconvenient when you want to write or dictate a message that takes up more than a few lines.

Text Scratch Pad provides a dedicated, distraction-free, large canvas. It acts as a clean "staging ground" for your text. You open it quickly, type or dictate comfortably using your device's native capabilities, copy your finished draft with a single tap, and paste it wherever you need it.

🚀 Try It Now & Install

You can access and use the app directly in your browser: 👉 https://textscratchpad.netlify.app/

📱 How to Install it on Your Phone or PC

Running the app as an installed Progressive Web App (PWA) removes the browser navigation bars and URL boxes, giving you a dedicated, standalone app screen.

  • On Mobile & Tablet (Android / iOS):
    1. Open the link in Chrome (Android) or Safari (iOS).
    2. If you see an "Install App" prompt, tap it.
    3. If not, tap your browser's menu (three dots in Chrome, or the Share icon in Safari) and select "Add to Home Screen" or "Install App". Make sure to choose "Install App" if prompted, so it acts as a standalone application rather than a simple browser shortcut.
  • On Desktop (Windows / macOS / Linux):
    1. Open the link in a web browser like Chrome, Edge, or Brave.
    2. Click the install icon (the computer/plus icon) on the right side of the address bar, or choose "Install Text Scratch Pad..." from the browser menu.

📖 How to Use

Text Scratch Pad is designed for a frictionless Draft ➔ Copy ➔ Paste workflow:

  1. Draft & Dictate: Type your message or use your device's built-in voice-to-text tools to dictate hands-free.
    • Mobile: Tap the microphone key on your virtual keyboard (like Gboard or Apple Keyboard).
    • Desktop: Press Win + H (Windows) or the system dictation key (like pressing the Fn key twice on macOS) to speak directly into the large input box.
  2. One-Tap Copy: Use the Copy button in the top menu to instantly copy your entire draft to the clipboard. On mobile, this action automatically dismisses the virtual keyboard to keep your screen clear.
  3. Switch & Paste: Switch to your target application (such as WhatsApp, Gemini, or Gmail) and paste your message. You can switch directly via your device's app switcher, or close/swipe away the scratchpad first.

ℹ️ Note on Persistence: Your draft is securely stored locally on your device. It will remain in the editor even if you close the app, shut down your browser, or reboot your device, until you actively modify it or tap the Clear button.

✨ Key Features

  • 📝 Frictionless Staging Ground: A clean, distraction-free, spacious editor. Perfect for drafting long messages or prompts, copying with one click, and pasting directly into other apps.
  • 💾 Seamless Autosave: Saves your text locally on every single keystroke or dictation pause. Even if you accidentally close the tab or swipe the app away, your work is preserved.
  • ⚡ Offline-First Speed: Once loaded, it runs 100% offline. No internet connection is needed to launch the app, type, or copy your drafts.
  • 🎙️ Voice-to-Text Compatibility: Works hand-in-hand with your device's built-in dictation services (like Gboard, Apple Dictation, or Windows voice typing).
  • 🎨 Sleek Light/Dark Themes: Automatically inherits your browser or system's color scheme with a beautiful, high-contrast theme that's easy on the eyes.
  • 🔒 100% Private: Your text is saved entirely inside your browser's local sandbox. No server transmissions, no databases, and no external network requests—ensuring complete confidentiality.
  • 📱 Keyboard-Smart Layout: The header menu bar and word counters are dynamically locked in place, preventing the mobile keyboard from pushing controls offscreen.

✨ How it Keeps Your Typing Smooth

  • Smart Autosave Indicator: Instead of clunky save buttons, the app features a passive status pill in the header. While you are typing, it displays a pulsing orange dot saying "Drafting". When you pause for 1 second, it saves your changes and updates to a solid green dot saying "Saved".
  • Autofitting Your Screen: The editor automatically resizes itself to sit neatly above your virtual keyboard when it opens, keeping all buttons active and in view without pushing the header off the top of the screen.

⚡ Speed & Usability on Mobile

I conducted real-world tests on a standard mid-range Android phone (Samsung M21) to see how the app performs:

  • Startup Speed:
    • If the app is already cached in memory, it opens in about 2 seconds.
    • On a fresh device boot-up, it takes under 3 seconds to open.
    • In worst-case scenarios (heavy memory usage with many background apps running), it takes around 4.5 seconds to load.
  • Zero-Friction Copy: Standard note apps require a multi-tap sequence to copy text (double-tap ➔ select all ➔ drag sliders ➔ copy). Text Scratch Pad reduces this to a single tap, making the overall draft-to-clipboard workflow faster than native apps.

🔄 Updating the PWA to the Latest Version

Normally, the Progressive Web App (PWA) will update in the background when a new version is deployed. However, due to browser caching and service worker lifetimes, you may sometimes need to force-update the app to see the latest changes immediately.

📱 On Mobile & Tablet (Android / iOS)

Method 1: App Info (Android)

  1. Long-press the Text Scratch Pad app icon on your home screen or app drawer.
  2. Select "App info" (or the Info icon (i)), then choose "Storage" or "Site Settings".
  3. Choose the delete/clear icon next to stored data.
  4. Close and relaunch the app.

Method 2: Via Browser Settings

  1. Open the app in your browser tab.
  2. Tap the Site settings icon (the icon to the left of the URL in the address bar).
  3. Choose "Cookies and site data" (or "Site settings").
  4. Tap the delete/trash icon next to the stored data.
  5. Refresh the page and relaunch the app.

⚠️ Note on Uninstalling: Simply uninstalling the PWA from your Android device and visiting the URL in Chrome will not trigger an update. Android does not clear Chrome's internal site cache when the app wrapper is uninstalled. To force the update, you must clear the site data in Chrome using the methods listed above.

💻 On Desktop (Windows / macOS / Linux)

Method 1: Hard Refresh (Fastest)

  • While in the app window, press:
    • Windows / Linux: Ctrl + F5 or Ctrl + Shift + R
    • macOS: Cmd + Shift + R

Method 2: Clear Site Settings

  1. Click the Site settings icon (the lock/settings icon to the left of the URL in the address bar).
  2. Choose "Site settings" or "Cookies and site data".
  3. Click the "Clear data" button or the trash bin icon next to the stored site data.

✍️ Credits

  • Author: Ravi S. Iyer
    • With assistance from the Antigravity CLI agent (agy), powered by the Gemini 3.5 Flash (Medium) model on the Google AI Pro plan

Comments

Post a Comment