Produktivität-Vorlage
Murmur AI Voice Notes and Meeting Notes App
An Expo app that records meetings, lectures and ideas, then writes the transcript, a summary in your chosen template and the action items, with Ask across all notes. Runs on sample data until you connect Supabase and Gemini.
- 19 Screens
- iOS & Android
- Beispieldaten
- Aktualisiert am 4. Nov. 2026
- Geprüfte Version
- 1 Kopie erstellt
Gratis kopieren · Voller Quellcode · Keine Kreditkarte
Screens
6 Screens aus der laufenden App.
Was drinsteckt
- Records with expo-audio: mono AAC, keeps going with the screen locked, bookmarks and typed notes while it records
- Transcript with speakers and timestamps, a summary in 5 editable templates or your own, action items with owners
- Ask across all notes: excerpts picked on the device, every answer cites the note and the moment it was said
- Three AI tasks on Gemini through one Supabase Edge Function, priced in daily units, with free monthly caps
- Sample mode with 14 realistic notes and designed AI results, so every screen works before you connect a backend
- Murmur Pro through RevenueCat: shows sample prices until you connect RevenueCat to sell
Über diese Vorlage
Overview
Murmur is a voice notes and meeting notes app for professionals, students and founders. Tap once to record; Murmur transcribes the recording, finds who spoke, writes a summary under the headings of the template you chose and lists the action items with owners and due dates. Ask then answers questions across every note and points to the moment each thing was said.
It is a complete Expo SDK 57 / React Native app on the FluxNative kernel: native tabs with Liquid Glass chrome on iOS, Material on Android, a browser preview, light and dark.
Key features
Recorder: live level, large timer, pause, bookmarks and typed notes on a timeline; a new file every ten minutes so each part fits one transcription call.
Processing in three real stages (transcribe, find speakers, write the summary), saved as each lands and resumed after a restart; no percentages.
The note as a document: summary headings and points, your marks, topics that ask across notes; Rewrite with another template, edit by hand, Undo.
Transcript with speaker names in colour (rename a voice once for the whole note) and timestamps that play the recording from there.
Action items to check, add and remove, each with its owner, due day and where it was said.
Templates: Meeting, Lecture, Idea, 1:1 and Interview, each with editable headings and guidance, plus your own.
Notes list with search across titles, summaries and transcripts, folders, swipe to delete with Undo.
Import an audio file in the web build, with its waveform measured from the audio.
Screens
Welcome, onboarding (what you record, default template) and the Pro page.
Notes, Record, Ask and You tabs.
Recorder, processing, note (Summary, Transcript, Actions), note editing, import.
Conversation with your notes, summary templates and template editing.
You: minutes left this month, a 14-day recording chart, language, keep recordings, Delete my data; Terms, Privacy and About in the app.
AI and backend
With the Supabase values blank the app runs in sample mode: 14 notes from two weeks of a product team, an evening economics course and voice ideas; new recordings get designed sample results and each screen says so in one quiet line. The browser preview's recorder is a labelled stand-in that never opens the microphone; a phone build records with expo-audio.
Connected, notes, transcripts, action items and folders live in Supabase tables under row-level security, kept recordings in a private storage bucket, and the AI runs in one Supabase Edge Function (ai) calling Google Gemini with your key. Each install signs in anonymously; there are no visible accounts.
transcribe-10 to transcribe-60: one recording part to segments with speakers and times, 1 unit per started 10 minutes.
summarize: transcript, template headings and guidance and your marks to a title, sections, action items and topics, 2 units.
ask-notes: a question and the matching lines of your notes to an answer with citations, 1 unit.
Free plans are capped at 120 transcribed minutes and 10 questions a calendar month (server-side, adjustable); quota answers open the Pro page.
Monetisation
Murmur Pro (entitlement pro) is sold through RevenueCat with react-native-purchases: unlimited minutes and questions, the 1:1 and Interview templates and your own. Until you connect RevenueCat to sell, the Pro page shows sample prices ($9.99 a month, $59.99 a year) with the line that subscriptions open in the App Store version, and never grants access. The included revenuecat-webhook function writes Pro to the server, which raises the AI allowance.
Setup
Connect Supabase, add the Gemini key and deploy the functions, then connect RevenueCat to sell Pro. Opening audio files on a phone needs expo-document-picker (one adapter file); sample notes ship without audio, so the player appears for real recordings.
Das bekommst du
- Voller Quellcode — Expo und React Native in TypeScript, als App in deinem Workspace.
- Live-Vorschau — probiere jede Änderung im Browser oder auf deinem Handy aus.
- Geprüfte Version — sie kompiliert und jeder Screen öffnet ohne Fehler.
- KI-Assistent — ändere alles per Chat; jede Änderung kostet Credits.
- Builds und Store-Upload — iOS- und Android-Builds, aus Veröffentlichen an App Store und Google Play gesendet.
- Keine Credits fürs Kopieren — die Kopie selbst kostet keine.
Mit der aktuellen Version von FluxNative erstellt.
Das brauchst du
- Ein FluxNative-Konto — der Free-Tarif fasst bis zu 2 Apps.
- Kein Backend zum Start — läuft mit Beispieldaten, bis du deines verbindest.
- Creator oder höher — für native Builds und Store-Upload.
- Store-Konten — Apple Developer Program (99 US$ im Jahr) und Google Play (25 US$ einmalig), zum Veröffentlichen.
Was im Quellcode steckt
- Screens
- 19
- Dateien in deiner Kopie
- 378
- Codezeilen eigens für diese App
- 7.633
- fertige UI-Komponenten
- 142
App-Texte auf Englisch und Vietnamesisch
Tech-Stack
- Expo SDK
- 57.0.22
- React Native
- 0.86.3
- React
- 19.2.8
- TypeScript
- 6.0.3
- Expo Router
- 57.0.21
- Supabase JS
- 2.112.3
- RevenueCat
- 10.9.1
Aus der package.json dieser Version.
Designsystem
- Überschriften
- Systemschrift
- Fließtext
- Systemschrift
- Heller und dunkler Modus
- Liquid Glass
- Kapsel-Buttons
- Erhöhte Karten
Einrichtung nach dem Fork
Deine Kopie öffnet sich mit dem KI-Assistenten, der sie gebaut hat. Geh die Schritte der Reihe nach durch: Verbinde unter Server, was ein Schritt verlangt, und sende dann jeden Prompt.
Connect Supabase
Server › Backend › Supabase. Apply both migrations, turn on anonymous sign-ins in the Supabase dashboard (Authentication › Sign In / Providers), and write the public URL and anon key to .env.
Prompt für die KIConnect this app to my Supabase project from Server › Backend › Supabase and write EXPO_PUBLIC_SUPABASE_URL and EXPO_PUBLIC_SUPABASE_ANON_KEY to .env. Apply supabase/migrations/20261019000000_ai_kit.sql, then supabase/migrations/20261019120000_murmur.sql (notes, segments, actions, folders, the transcriptions and questions counters, the private recordings bucket). Remind me to turn on Authentication › Sign In / Providers › Allow anonymous sign-ins in the Supabase dashboard, since the app signs each install in anonymously. Then confirm the Notes tab no longer shows the sample notes line.
Turn on the AI
Server › API keys & secrets: add GEMINI_API_KEY, deploy the ai function, and set AI_FREE_UNITS_PER_DAY and AI_PRO_UNITS_PER_DAY (and the monthly caps) to your app's values.
Prompt für die KIAdd my Gemini key as GEMINI_API_KEY under Server › API keys & secrets. Set AI_FREE_UNITS_PER_DAY to 30 and AI_PRO_UNITS_PER_DAY to 500 (a one-hour meeting costs 6 units to transcribe and 2 to summarize), and MURMUR_FREE_MINUTES to 120 and MURMUR_FREE_QUESTIONS to 10 unless I give other values. Deploy the ai Supabase Edge Function and push its secrets, then invoke it as a test user with { "task": "usage" } and tell me the allowance it returns.
Sell Pro with RevenueCat
Server › Monetization: create the pro entitlement with a monthly and a yearly product, add the public SDK keys, save the webhook secret and deploy revenuecat-webhook.
Prompt für die KIConnect RevenueCat under Server › Monetization. Create the entitlement pro and a current offering with a monthly and a yearly subscription, write EXPO_PUBLIC_REVENUECAT_IOS_KEY and EXPO_PUBLIC_REVENUECAT_ANDROID_KEY to .env, and update PLAN_PREVIEW in src/services/iap/index.ts to the same prices. Save a long random REVENUECAT_WEBHOOK_SECRET under Server › API keys & secrets, deploy the revenuecat-webhook function with JWT verification off, and give me the webhook URL and the Authorization header value to paste into RevenueCat › Integrations › Webhooks.
Open audio files on a phone
Optional. Import works in the web build; on a phone it needs expo-document-picker, which the template leaves out. One adapter file changes.
Prompt für die KIAdd expo-document-picker at the version Expo SDK 57 pins. In src/services/importer/importer.native.ts set canImport to true and implement pickAudio with getDocumentAsync({ type: "audio/*", copyToCacheDirectory: true }), returning the file's uri, name, mimeType and size and its length read from an expo-audio player's duration (levels can stay empty). Keep the 12 MB and one-hour limits from src/services/importer/types.ts, and say in the summary that it needs a new phone build.
Set your icon, store IDs and legal pages
Name, icon, colours and legal page URLs; replace the sample notes and the in-app Terms and Privacy text with your own.
Prompt für die KIRename the app to my name in app.json (name, slug, scheme, bundle id and package) and wherever the screens say Murmur. Redraw assets/icon.svg and assets/adaptive-icon.svg for my brand and render icon.png, adaptive-icon.png and favicon.png. Change brandSeed in src/theme/brand.ts to my main colour. Set EXPO_PUBLIC_PRIVACY_POLICY_URL, EXPO_PUBLIC_TERMS_URL and EXPO_PUBLIC_SUPPORT_URL in .env, and rewrite src/features/legal/PrivacyScreen.tsx and TermsScreen.tsx with my company's policy and terms. If I give you sample content for my audience, replace src/services/notes/sampleNotes.ts and the sample results in src/services/ai/demo.ts to match.
So nutzt du diese Vorlage
- Nutze die Vorlage, um eine bearbeitbare Kopie samt Quellcode in deinem Workspace zu erhalten (Vorlagen).
- Bitte den KI-Assistenten in eigenen Worten um die gewünschten Änderungen (Mit dem Assistenten arbeiten).
- Probiere jede Änderung in der Live-Vorschau oder auf deinem Handy aus (Vorschau).
- Ab Creator baust du sie für iOS und Android und reichst sie in den Stores ein (Veröffentlichen im Überblick).
Lizenz und Support
Lizenz
Die für dich erstellte App gehört dir; der Code der Vorlage bleibt bei InspireUI und ist für die Nutzung in deinen Apps lizenziert (Bedingungen › Unser geistiges Eigentum).
Hilfe
- Anleitungen zu Vorlagen, Assistent und Veröffentlichung.
- Support kontaktieren über Hilfe; Antwort meist in 1–2 Werktagen.
- Frag in deiner Kopie den KI-Assistenten zu jedem Screen oder jeder Datei.
Von FluxNative
Support-RichtlinieFragen
Ist es kostenlos?
Eine kostenlose Vorlage zu kopieren kostet nichts, auch keine Credits; eine Premium-Vorlage ist ein Einmalkauf pro Website. Chat-Änderungen und Builds kosten Credits.
Was gehört mir?
Die für dich erstellte App gehört dir. Der Code der Vorlage bleibt bei InspireUI und ist für die Nutzung in deinen Apps lizenziert (Bedingungen › Unser geistiges Eigentum).
Muss ich programmieren können?
Nein. Bitte den Assistenten in einfachen Worten um Änderungen; den vollen Quellcode siehst du, wenn du willst.
Kommt sie mit Backend?
Nein. Eine vollständige App nennt das nötige Backend und du verbindest deines unter Server; ein Design läuft mit Beispieldaten.
Kann ich das Design ändern?
Ja. Im Tab Design stellst du Markenfarbe, Farben, Schriften und Ecken ohne Credits ein; den Rest ändert der Assistent.
Welchen Tarif brauche ich zum Veröffentlichen?
Ab Creator baust du und lädst in die Stores hoch, mit deinen eigenen Apple- und Google-Konten. Die App einer Premium-Vorlage baut mit jedem Tarif, sobald ihre Website verbunden ist.
Kann ich den Quellcode herunterladen?
Ja, mit Quellcode herunterladen oder Push zu GitHub, sobald dein Workspace einen Tarif, Credits oder eine bezahlte Vorlage gekauft hat. Die App einer Premium-Vorlage braucht zusätzlich ihre verbundene Website.
Was, wenn sie mit einem früheren FluxNative erstellt wurde?
Deine Kopie funktioniert wie sie ist. Lass sie vom Assistenten auf neuere Funktionen wie App-Sprachen und Währungen aktualisieren; das ist der letzte Einrichtungsschritt.
Bereit, daraus deine App zu machen?
Starte mit Murmur AI Voice Notes and Meeting Notes App und ändere alles per Chat. Deine Kopie enthält den vollständigen Quellcode.
Kostenlos kopieren. Keine Kreditkarte nötig.