الانتقال إلى المحتوى

قالب التعليم

Edify Education App

A learning app for students and teachers: short lessons with a daily streak, checkpoint quizzes with instant feedback, course discussions and teacher tools. Edify Plus is an App Store and Google Play subscription.

  • 25 شاشة
  • iOS وAndroid
  • يحتاج إلى واجهة HTTP API وCloudflare
  • حُدّث في 4 نوفمبر 2026
  • إصدار موثّق

نسخ مجاني · الشيفرة كاملة · دون بطاقة ائتمان

الشاشات

6 شاشات من التطبيق الفعلي.

ما الذي يتضمنه

  1. Home with your streak and the lesson to continue
  2. Course pages with lessons, teacher and progress
  3. Quizzes one question at a time with instant feedback and a result review
  4. Course discussions with classmates and the teacher
  5. Teacher tools to create a class and withdraw earnings
  6. Edify Plus through App Store and Google Play subscriptions

عن هذا القالب

Overview

Edify is a React Native learning app for students and teachers. Students keep a daily streak, continue where they left off, study short lessons and pass checkpoint quizzes; teachers create classes and see their earnings. Each subject keeps one colour everywhere, from course covers to quiz headers.

It opens on sample data so every screen works when you fork it: eight courses, quizzes, discussions and blog posts, with sample progress that your first real lesson replaces. Point it at your API under Server for accounts, courses and progress.

Key features

  • Streak and goal — A week of days studied, a daily goal you choose and the lesson to continue.

  • Courses and lessons — Covers per subject, lessons with key ideas, progress and a free first lesson in every course.

  • Checkpoint quizzes — One question at a time, a big equation card, instant feedback and a score with every answer reviewed.

  • Discussions — A chat per course with classmates and the teacher.

  • Teacher tools — Create a class with chapters and lessons, and withdraw earnings.

  • Edify Plus — Plans come from the App Store or Google Play through RevenueCat, with restore and manage subscription.

Screens included

Welcome and setup

  • Onboarding

  • Log in

  • Join Edify

  • Where are you studying

  • What do you want to learn

Learn

  • Home

  • Courses

  • Course

  • Lesson

  • Quiz

  • Results

  • Daily goal

  • Course discussion

More

  • Profile

  • Personal details

  • Edify Plus

  • Notifications

  • From the blog

  • Article

  • New class

  • Withdraw

  • About

  • Privacy

  • Terms of use

Built with

  • Framework — React Native and Expo SDK 57 on the FluxNative base 13 kernel: native iOS and Android, Liquid Glass chrome on iOS.

  • Backend — A REST API or Cloudflare Worker for accounts, courses, quizzes, discussions and teacher data.

  • Subscriptions — RevenueCat in-app purchases for Edify Plus; access is read from the store and never unlocked without it.

  • Sample mode — With no backend connected, every service answers from realistic sample data kept on the device.

Good fit for

  • Tutoring and course businesses

  • Schools and teachers publishing classes

  • Learning startups built around streaks and checkpoints

educationonline coursesquizzesstudent appteacher toolscourse chatsubscriptionsreact native

ما تحصل عليه

  • الشيفرة كاملة — Expo وReact Native بلغة TypeScript، كتطبيق في مساحة عملك.
  • معاينة مباشرة — جرّب كل تغيير في المتصفح أو على هاتفك.
  • إصدار موثّق — يُبنى وتُفتح كل شاشة دون أخطاء.
  • مساعد الذكاء الاصطناعي — غيّر أي شيء بالمحادثة؛ كل تغيير يستهلك رصيدًا.
  • عمليات البناء والرفع إلى المتاجر — بناء iOS وAndroid، يُرسل إلى App Store وGoogle Play من Publish.
  • النسخ لا يستهلك رصيدًا — النسخ نفسه بلا تكلفة.

صُنع بالإصدار الحالي من FluxNative.

ما تحتاج إليه

  • حساب FluxNative — تتسع خطة Free لتطبيقين.
  • واجهة HTTP API وCloudflare الخاص بك — لبياناتك؛ وإلى ذلك الحين يعمل التطبيق ببيانات تجريبية.
  • Creator أو أعلى — لعمليات البناء الأصلية والرفع إلى المتاجر.
  • حسابات المتاجر — Apple Developer Program (99 دولارًا أمريكيًا سنويًا) وGoogle Play (25 دولارًا أمريكيًا مرة واحدة)، للنشر.

ما الذي تتضمنه الشيفرة

شاشات
25
ملفات في نسختك
365
أسطر كُتبت لهذا التطبيق
6,121
مكوّنات واجهة جاهزة
142

نصوص التطبيق بـالإنجليزية والفيتنامية

التقنيات المستخدمة

Expo SDK
57.0.22
React Native
0.86.3
React
19.2.8
TypeScript
6.0.3
Expo Router
57.0.21
RevenueCat
10.14.0

من package.json لهذا الإصدار.

نظام التصميم

العناوين
Outfit
النص
خط النظام
  • الوضعان الفاتح والداكن
  • Liquid Glass
  • أزرار كبسولية
  • بطاقات بارزة

الإعداد بعد النسخ

تُفتح نسختك مع مساعد الذكاء الاصطناعي الذي بناها. نفّذ الخطوات بالترتيب: صِل ضمن Server ما تطلبه الخطوة، ثم أرسل كل موجّه.

  1. Connect your Edify API on Cloudflare

    Add your Cloudflare account under Server › Backend › Cloudflare first. Your copy has no API of its own yet; until one is deployed, Edify runs on sample courses kept on the device.

    طلب للذكاء الاصطناعي

    Cloudflare is connected under Server. Build and deploy a Worker with D1 storage for the API this app's services call (accounts, courses and lessons, lesson progress, quizzes, course discussions, news, notifications, teacher classes and withdrawals), seed it with a few courses, put its URL in EXPO_PUBLIC_WORKER_URL, and check every screen loads from it. Save progress on a paid course only for a learner RevenueCat says has the pro entitlement, checked on the server.

  2. Sell Edify Plus with RevenueCat

    Add your RevenueCat secret key under Server › Monetization; the app's store keys fill in from it. Publish › Purchases then makes the monthly and yearly plans. Until then the paywall shows sample prices and sells nothing.

    طلب للذكاء الاصطناعي

    RevenueCat is connected under Server. Check that the Edify Plus paywall loads my current offering with its free trial, that the pro entitlement unlocks every lesson of a paid course, and that Restore purchases works. Tell me which products Publish › Purchases still needs to make.

  3. Add your courses

    Prepare your courses with their lessons, quiz questions, teachers and cover pictures. Attach them as a spreadsheet and images to the message.

    طلب للذكاء الاصطناعي

    Use the attached courses, lessons, quiz questions, teachers and pictures as the app's catalogue: load them into my API and replace the sample courses, teachers and news everywhere they appear. Mark which courses are free and which need Plus: [your free courses].

  4. Set your app icon

    Make an AI logo or upload your own icon in App settings. The launcher icon, splash screen and store listing all use it.

    طلب للذكاء الاصطناعي

    I set a new app icon in App settings. Match the splash screen background and the Android icon background to its edge colour, so the icon sits on one continuous colour.

  5. Write your copy and legal pages

    Prepare your onboarding wording, Plus plan description, teacher payout terms, support contact, privacy policy and terms. The app has its own Privacy and Terms screens with sample text to replace.

    طلب للذكاء الاصطناعي

    Replace the sample onboarding, Plus and teacher wording with mine: [your copy]. Put my privacy policy and terms into the app's Privacy and Terms screens: [your privacy policy and terms]. Set the teacher payout terms to [your payout terms] and the support contact to [your support email].

  6. Check and publish a build

    Go through the student journey (a lesson, a quiz, the streak, Plus) and the teacher journey (a class, a withdrawal) on a phone, then build for the stores from Publish.

    طلب للذكاء الاصطناعي

    Run a final check of every screen in light and dark mode: onboarding, sign-in, Home, courses, lessons, quizzes and results, discussions, news, notifications, Plus, profile and the teacher screens. Fix anything broken or still showing template content, then get the app ready for a store build.

كيفية استخدام هذا القالب

  1. استخدم القالب لتحصل على نسخة قابلة للتعديل، مع شيفرتها المصدرية، في مساحة عملك (القوالب).
  2. اطلب من مساعد الذكاء الاصطناعي التغييرات التي تريدها بكلمات بسيطة (العمل مع المساعد).
  3. جرّب كل تغيير في المعاينة المباشرة أو على هاتفك (المعاينة).
  4. مع خطة Creator أو أعلى، أنشئ إصدار iOS وAndroid وأرسله إلى المتاجر (نظرة عامة على النشر).

الترخيص والدعم

الترخيص

التطبيق الذي أُنشئ لك ملكك؛ وتبقى شيفرة القالب ملكًا لـ InspireUI ومرخّصة للاستخدام في تطبيقاتك (الشروط › ملكيتنا الفكرية).

المساعدة

  • أدلة عن القوالب والمساعد والنشر.
  • التواصل مع الدعم من المساعدة؛ نردّ عادةً خلال 1–2 يوم عمل.
  • في نسختك، اسأل مساعد الذكاء الاصطناعي عن أي شاشة أو ملف.

من صنع FluxNative

سياسة الدعم

أسئلة

هل هو مجاني؟

نسخ قالب مجاني لا يكلّف شيئًا، ولا حتى رصيدًا؛ والقالب Premium شراء لمرة واحدة لكل موقع. تغييرات المحادثة وعمليات البناء تستهلك رصيدًا.

ماذا أملك؟

أنت تملك التطبيق المصنوع لك. تبقى شيفرة القالب ملكًا لـInspireUI ومرخّصة للاستخدام في تطبيقاتك (Terms › Our intellectual property).

هل أحتاج إلى معرفة البرمجة؟

لا. اطلب التغييرات من المساعد بكلماتك؛ والشيفرة الكاملة متاحة متى شئت.

هل يأتي مع خادم خلفي؟

لا. يسمّي التطبيق الكامل الخادم الخلفي الذي يحتاجه وتصل خادمك ضمن Server؛ أما التصميم فيعمل ببيانات تجريبية.

هل أستطيع تغيير التصميم؟

نعم. يضبط تبويب Design لون العلامة والألوان والخطوط والزوايا دون رصيد؛ ويغيّر المساعد الباقي.

أي خطة أحتاج إليها للنشر؟

تبني خطة Creator أو أعلى وترفع إلى المتاجر بحساباتك في Apple وGoogle. يُبنى تطبيق القالب Premium على أي خطة بعد ربط موقعه.

هل أستطيع تنزيل الشيفرة؟

نعم، عبر Download source أو Push to GitHub، بعد أن تشتري مساحة عملك خطة أو رصيدًا أو قالبًا مدفوعًا. يحتاج تطبيق القالب Premium أيضًا إلى ربط موقعه.

ماذا لو صُنع بإصدار أقدم من FluxNative؟

تعمل نسختك كما هي. اطلب من المساعد تحديثها بميزات أحدث، مثل لغات التطبيق وعملاته؛ وهي آخر خطوة إعداد.

هل أنت مستعد لتجعله تطبيقك؟

ابدأ من Edify Education App وغيّر أي شيء عبر الدردشة. تتضمن نسختك الشيفرة المصدرية كاملة.

نسخ مجاني. لا حاجة إلى بطاقة ائتمان.

Taking a little longer than usual…

Loading FluxNative