Prompt template

Notes app prompt — copy, paste, build

A focused prompt for a native notes app — Markdown editor, folders, full-text search, and a quick-capture sheet. Designed to feel fast on cheap Android devices and stay calm on iOS.

The prompt

Build a native iOS and Android notes app with: (1) a folder list tab with note counts per folder and a default "Inbox" folder, (2) a folder detail screen showing notes sorted by last-edited, (3) an editor screen with a Markdown text input, live preview toggle, and autosave on every keystroke, (4) a quick-capture floating button accessible from any tab that creates a new note in Inbox, (5) a search tab with full-text + tag filter. Use Expo, React Navigation, twrnc for styling, AsyncStorage for notes (one row per note), and Expo KeepAwake disabled by default. Default to a serif body font, generous line height, and a soft cream background in light mode.

Variants

Lite

Build a notes app with a single Inbox, Markdown editor with autosave, and full-text search. Skip folders.

Pro

Build a notes app with folders, Markdown editor with live preview, tags, full-text search, quick capture, attachment support (images via Expo ImagePicker), iCloud / Google Drive sync placeholder, and an export-to-Markdown action.

What you get

  • Expo + React Native project ready for Snack live preview
  • Markdown editor with autosave
  • Folders + Inbox structure
  • Full-text search
  • Quick-capture floating button
  • Local-first storage with AsyncStorage

Screens included

  • Folders
  • Folder detail
  • Editor
  • Quick capture
  • Search
  • Settings

Why this prompt works in AppGenie

Notes apps win on typography and editor feel — line height, font weight, save indicator latency. AppGenie's twrnc styling lets you tune those in chat ("widen the line height to 1.7, ship a serif headline font") without touching the storage or search code.

Related prompts

Notes app prompt — FAQ

Does the editor support Markdown live preview?

The Lite variant ships a plain Markdown editor. The Pro variant adds a live preview toggle. Either way, autosave runs on every keystroke so nothing is lost.

Where do notes live?

Local AsyncStorage by default. Cloud sync is left as an explicit follow-up — pick iCloud, Google Drive, Supabase, or your own backend, and the diff-aware pipeline patches just the storage layer.

Ready to ship a notes app?

Paste this prompt into AppGenie. The diff-aware multi-agent pipeline produces a real Expo + React Native project you can preview live, iterate in chat, and own end-to-end.