跳到主要内容

教育模板

Parley AI Speaking Tutor App

A language-speaking app with Lucía, an AI tutor: role-play calls in real scenes, word-by-word pronunciation feedback, call recaps and spaced review. Ships with a Spanish course and runs in sample mode until you connect Supabase and Gemini.

  • 18 个界面
  • iOS 和 Android
  • 示例数据
  • 更新于 2026年11月4日
  • 已验证版本

免费复制 · 完整源码 · 无需信用卡

界面

来自实际运行应用的 6 个界面。

包含内容

  1. Role-play calls in 10 scenes: Lucía replies in character, ticks off goals and gives one kind correction per line
  2. Pronunciation drills mark each word Clear, Almost or Missed, with a tip; labelled as an AI estimate
  3. Call recap: goals met, fluency, grammar and vocabulary in words, three corrections, new words saved to Review
  4. Spaced review of saved phrases with Again, Hard, Good and Easy, a 7-day forecast and swipe to remove with Undo
  5. Spanish course of 8 units (Latin America or Spain accent); a language is one curriculum file
  6. Sample mode with no backend: a day-12 sample learner and scripted calls; nothing is recorded or sent

关于此模板

Overview

Parley is a speaking-practice app for adult learners who know some words but freeze when they talk. Every day they speak out loud with Lucía, an illustrated AI tutor: short lessons with phrases to repeat, speaking drills, role-play calls in everyday scenes, and spaced review of what they keep. The app never asks for a name or an account; it signs the learner in anonymously once a backend is connected.

Out of the box it runs in sample mode: a Spanish course, a sample learner on day 12 (A2, unit 3 of 8, 46 saved phrases, a café call with its recap), scripted calls and sample pronunciation results. One quiet line on each speaking screen says the results are samples. Nothing is recorded and nothing is sent anywhere until you connect Supabase and add a Gemini key.

Key features

  • Learn: streak and today's minutes, today's step with Lucía, a note from the last call, the unit path (lesson, speaking drill, role-play call, review) and the 8-unit course.

  • Role-play calls: the scene's photo with Lucía in her role, goals that tick as you meet them, a transcript with her corrections, a hint, one big microphone or typing.

  • Recap after every call: goals met, ratings in words (never percentages), what went well, three corrections you can save, new words saved to Review, what to try next.

  • Pronunciation drills and lesson phrases: each word marked Clear, Almost or Missed with a mark and an underline, not colour alone, plus one tip.

  • Review: phrases due today with a 7-day forecast, search, a detail sheet, flashcards with four ratings that each say when the phrase comes back.

  • First open: welcome, four questions (which Spanish, what for, a level check by reading one sentence aloud, minutes a day) and a plan built from the answers.

  • You: level and course progress, a month calendar of practice, recent calls, daily goal, voice speed, accent, Delete my data, Terms, Privacy and About.

Screens

17 screens: Learn, Practice, Review, You, Welcome, onboarding questions, Your plan, Parley Pro, Lesson, Speaking drill, Scene, Role-play call, Call recap, Review session, Privacy policy, Terms of use and About. Light and dark are both designed; the chrome follows iOS 26 Liquid Glass.

AI and backend

Lucía is an AI tutor, and the app says so on Welcome, About, the recap and the terms. Her portraits are AI-generated illustrations of a fictional character. With a backend, every AI step goes through one Supabase Edge Function (`ai`) that checks the learner's daily allowance and calls Google Gemini with your key; the key never ships in the app.

  • roleplay-turn (1 unit): Lucía's reply in character, goals met, a hint and at most one correction.

  • transcribe-attempt (1 unit): what the learner said, kept verbatim.

  • score-pronunciation (1 unit): each word good, close or missed and a tip, an estimate rather than phoneme measurement.

  • speak (1 unit): Lucía's voice for a line, saved to the learner's private media folder and remembered on the device.

  • recap (1 unit): the call's write-up.

Progress, sessions and saved phrases live in three Supabase tables behind row-level security. Delete my data removes them, the learner's AI files and past usage. In sample mode the tutor has no voice: her lines show as captions.

Monetisation

Free covers the units up to the one the learner places into and one role-play call a day. Parley Pro (yearly with a 7-day trial, or monthly) opens all units, removes the daily call limit and raises the AI allowance. Purchases go through RevenueCat (react-native-purchases) and a webhook grants Pro on the server. Until you connect RevenueCat the paywall shows the plans with sample prices and says subscriptions open in the App Store version; nothing can be bought and no access is granted.

Setup

Connect Supabase, turn on the AI with a Gemini key, connect RevenueCat to sell Pro, review the course and the microphone text, then make it yours. Each step below is a prompt your coding agent can run.

ailanguage learningspeaking practiceai tutorpronunciationspanishflashcardsreact nativeexposupabasegeminirevenuecat

你将获得

  • 完整源码 — 使用 TypeScript 的 Expo 和 React Native,作为你工作区中的一个应用。
  • 实时预览 — 在浏览器或手机上试用每项更改。
  • 已验证版本 — 可编译,每个界面都能无错误打开。
  • AI 助手 — 用聊天修改任何内容;每次修改会消耗积分。
  • 构建与上架 — iOS 和 Android 构建,从发布页发送到 App Store 和 Google Play。
  • 复制不耗积分 — 复制本身不收费。

使用当前版本的 FluxNative 制作。

你需要什么

  • FluxNative 账号 — 免费套餐最多可有 2 个应用。
  • 无需先接后端 — 在你连接自己的后端之前,它使用示例数据运行。
  • Creator 或更高套餐 — 用于原生构建和上架。
  • 商店账号 — Apple Developer Program(每年 99 美元)和 Google Play(一次性 25 美元),用于发布。

源码里有什么

个界面
18
个文件(副本中)
376
行为此应用编写的代码
8,257
个现成 UI 组件
142

应用文本语言:英语和越南语

技术栈

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

来自此版本的 package.json。

设计系统

标题
Plus Jakarta Sans
正文
系统字体
  • 支持浅色和深色模式
  • Liquid Glass
  • 胶囊按钮
  • 扁平卡片

复刻后的设置

你的副本会和构建它的 AI 助手一起打开。按顺序完成步骤:某一步需要连接的内容,请在 Server 中连接,然后发送每条提示词。

  1. Connect Supabase

    Server › Backend › Supabase. Apply the two migrations, turn on anonymous sign-ins and write the project's URL and anon key to .env. Until then the app stays in sample mode.

    给 AI 的提示词

    Connect this app to my Supabase project (Server › Backend › Supabase). Apply supabase/migrations/20261019000000_ai_kit.sql and then supabase/migrations/20261019010000_parley.sql. Write EXPO_PUBLIC_SUPABASE_URL and EXPO_PUBLIC_SUPABASE_ANON_KEY to .env. Then tell me to turn on Authentication › Sign In / Providers › Allow anonymous sign-ins in the Supabase dashboard (the app signs learners in anonymously) and to keep the anonymous sign-in rate limit per IP low.

  2. Turn on the AI

    Server › API keys & secrets: add GEMINI_API_KEY, deploy the ai function, and set the daily allowance. Each call turn uses about 3 units (transcribe, reply, voice).

    给 AI 的提示词

    Add my GEMINI_API_KEY under Server › API keys & secrets, then deploy the Supabase Edge Function `ai` (supabase/functions/ai) and push its secrets. Set AI_FREE_UNITS_PER_DAY=40 and AI_PRO_UNITS_PER_DAY=400 (one role-play call is about 20 units: 3 per turn plus the recap). Check the function by invoking { "task": "usage" } as a test user, and confirm a role-play call works in the app.

  3. Sell Pro

    Server › Monetization: connect RevenueCat, create a yearly (7-day trial) and a monthly product on the pro entitlement, and set up the webhook secret so Pro is granted on the server.

    给 AI 的提示词

    Connect RevenueCat under Server › Monetization. Create a yearly subscription with a 7-day free trial and a monthly subscription, attach both to an entitlement named pro in the current offering, and write EXPO_PUBLIC_REVENUECAT_IOS_KEY and EXPO_PUBLIC_REVENUECAT_ANDROID_KEY to .env. Save a long random REVENUECAT_WEBHOOK_SECRET under Server › API keys & secrets, deploy supabase/functions/revenuecat-webhook with JWT verification off, and tell me the webhook URL and Authorization header to set in RevenueCat. Update PLAN_PREVIEW in src/services/iap/index.ts to the real prices.

  4. Review the course, voice and microphone text

    The Spanish course, scenes and sample conversations are plain files. Adjust them, add a language, or change the tutor's accent and the microphone permission text before a store build.

    给 AI 的提示词

    Walk me through the course in src/services/course/spanish.ts (units, lessons, drills and scenes) and the sample conversations in src/services/ai/scripts.ts, and change what I ask. If I add a language, add a curriculum file listed in COURSES (src/services/course/index.ts) and its locales in the server's ai function (functions/ai/tasks.ts). Check the expo-audio microphone permission text in app.json reads well for my app, and remind me that recording needs a new native build.

  5. Set your icon, store IDs and legal pages

    Rename the app, swap Lucía's icon if you like, retune the colours and set your privacy, terms and support page URLs.

    给 AI 的提示词

    Make this app mine: change the app name, slug, scheme and bundle identifiers in app.json, update the colours in src/theme/brand.ts, and replace the icon (assets/samples/lucia-icon.jpg cropped into assets/icon.png, adaptive-icon.png and favicon.png) if I give you a new one. Set EXPO_PUBLIC_PRIVACY_POLICY_URL, EXPO_PUBLIC_TERMS_URL and EXPO_PUBLIC_SUPPORT_URL in .env, and update the in-app privacy and terms pages (src/features/legal) to my own policy.

如何使用此模板

  1. 使用模板,在你的工作区中获得一个可编辑的副本及其源代码(模板)。
  2. 用平常的话告诉 AI 助手你想要的修改(与助手协作)。
  3. 在实时预览或手机上试用每次修改(预览)。
  4. 使用 Creator 或更高套餐,构建 iOS 和 Android 应用并提交到应用商店(发布概览)。

许可与支持

许可

为你生成的应用归你所有;模板代码仍归 InspireUI 所有,并授权你在自己的应用中使用(条款 › 我们的知识产权)。

帮助

  • 指南:模板、助手和发布。
  • 在帮助中联系支持;通常 1–2 个工作日内回复。
  • 在你的副本中,可向 AI 助手询问任何界面或文件。

由 FluxNative 制作

支持政策

常见问题

免费吗?

复制免费模板不收费,也不耗积分;Premium 模板按网站一次性购买。聊天修改和构建会消耗积分。

我拥有什么?

为你生成的应用归你所有。模板代码仍归 InspireUI 所有,并授权你在自己的应用中使用(条款 › 我们的知识产权)。

需要懂代码吗?

不需要。用日常语言让助手修改;需要时随时可看完整源码。

自带后端吗?

不带。完整应用会写明所需后端,你在 Server 中连接自己的;设计模板使用示例数据运行。

可以改设计吗?

可以。设计标签页可设置品牌色、颜色、字体和圆角,不耗积分;其余由助手修改。

发布需要哪个套餐?

Creator 或更高套餐,用你自己的 Apple 和 Google 账号构建并上传到商店。Premium 模板的应用在连接其网站后,任何套餐都能构建。

能下载源码吗?

可以,使用“下载源码”或“推送到 GitHub”,前提是你的工作区已购买套餐、积分或付费模板。Premium 模板的应用还需连接其网站。

如果是用较早版本的 FluxNative 做的呢?

你的副本照常可用。让助手把它更新到较新的功能,如应用语言和货币;这是最后一个设置步骤。

准备好打造你的应用了吗?

从 Parley AI Speaking Tutor App 开始,通过聊天修改任何内容。你的副本包含完整源代码。

免费复刻,无需信用卡。

Taking a little longer than usual…

Loading FluxNative