E-learning app with video lessons, quizzes and certificates

A JAMB tutor in Ibadan with 300 students on WhatsApp, a Brazilian nutritionist selling a six-week course through Instagram, a Pune coaching class that records every lecture and then loses the recordings in a shared folder: they all have the content and the students, and they are stuck between platforms that take 30 per cent and generic learning apps that look like a university portal. A course app under your own name, with your videos, your quizzes and a certificate with your signature, is what the students expected all along.

App Builder Agent turns a description into React Native code you can preview in the browser and install as an APK. Video lessons link to where your videos already are (unlisted YouTube, Vimeo or a plain MP4 URL), so you are not paying to host video twice. This guide covers courses and lessons, progress, quizzes, certificates and the offline notes that students on patchy data actually rely on.

What an e-learning app must handle

• Courses with modules and lessons — Ordered, with a lesson type: video, reading, quiz, assignment.
• Video lessons by link — Unlisted YouTube, Vimeo or MP4 URLs in an in-app player, with resume-from-position.
• Progress tracking — Per lesson, per module, per course; a lesson is done when the video ends or the student marks it.
• Quizzes with a pass mark — Multiple choice with explanations, limited attempts, and the next module gated on a pass.
• Certificates — A PDF with the student’s name, course, date and a verification code.
• Offline notes — Per-lesson notes that live on the device and work without data.
• Enrolment and access — Free preview lessons, then a code or an admin switch to unlock the rest.
• Instructor screen — Add lessons, see who finished what, download the quiz scores.

Build it with App Builder Agent, step by step

1. Create a mobile app project and choose where data lives. If you are the only instructor and students do not need to see each other, progress and notes can stay on each phone. If you want to see who finished lesson 12, ask for a hosted backend — it is included — and enrolments, progress and quiz scores go to a live API.
2. Describe the courses, the lesson types and the rules. Paste your real outline; the agent seeds it and the app looks like yours immediately.
   Build an e-learning app called “PassJAMB Pro” for a tutoring centre in Ibadan. Courses: Mathematics, English, Physics, Chemistry, each with 8 modules and 5–6 lessons per module. Lesson types: video (unlisted YouTube or MP4 link with resume position and 1.5× speed), reading (rich text), quiz (10 multiple-choice questions with explanations, pass mark 70%, 3 attempts). Module 1 of every course is free; the rest unlock with a 6-character access code I generate in the admin screen. Progress bar per course and “continue where you left off” on Home. Notes tab under every lesson, saved offline on the device. Certificate PDF with the student’s name, course, date and a verification code when all quizzes are passed; shareable to WhatsApp. Admin login: add and reorder lessons, generate codes, see each student’s progress and quiz scores. Hosted backend for accounts, progress and codes. Green and white design.
3. Walk through one course as a student in the preview. Play a video lesson (use any unlisted link), leave and come back to confirm it resumes, fail a quiz and check the explanations show, pass it and see the next module unlock. Switch the Simulate panel to offline and confirm notes still open and save.
4. Refine the quiz and the certificate. Students remember these two screens.
   In quizzes, show one question per screen with a progress dot row, shuffle options on each attempt, and end with a review screen listing wrong answers with the explanation. On the certificate add my centre’s logo, a signature image I will upload, and a QR code that opens a verification screen showing the student’s name and completion date.
5. Install and enrol your first class. Download the test APK, share it with ten students, generate access codes from the admin screen, and watch the progress list for a week. Add a “students stuck on this lesson” view when you see the pattern.

Prompts that work well

The structure carries across subjects and countries:

Common mistakes (and the fix)

• Hosting video inside the app. APKs balloon and updates become a nightmare. Link to unlisted YouTube, Vimeo or an MP4 URL and keep the app small.
• Marking a lesson done on open. Students skip. Mark done at 90% of the video or on an explicit “Mark complete”, and gate the quiz on it.
• Quizzes with unlimited attempts and no explanation. That is guessing, not learning. Three attempts, explanations after each, and a review screen.
• Certificates anyone can edit. Add a verification code and a check screen (or a QR code) so an employer can confirm it.
• Notes stored on the server only. Notes are written on the bus with no signal. Keep them on the device and sync when online if you use a backend.
• No “what’s next” on the home screen. The single most-used button is Continue; put it first with the lesson title and remaining minutes.

Make it feel finished

• Lesson lengths shown in minutes, and module totals, so students can plan an evening.
• Playback speed and a “rewind 10 s” button; the two controls every learner touches.
• A streak counter and a gentle 7 pm reminder if nothing was opened today.
• Downloadable lesson resources (PDFs, worksheets) with the size shown before download.
• A certificate preview before the last quiz — a visible reward changes completion rates.

Installing, publishing and next steps

Video playback, quizzes, notes, notifications and the PDF certificate all work in the browser preview, and the same project produces a release-signed test APK from the Preview tab. The AI app builder page explains the free first build, the $1 permanent membership for unlimited test APKs and source export, and the signed APK + AAB with your own package id for a Play Store listing. Course fees are best collected outside the app for now — bank transfer, Pix, UPI — with the admin issuing access codes; in-app payment can be simulated for demos but not charged.

For layout and content ideas browse the ready-made quiz & learning apps. If quizzes are the heart of your product, the quiz app guide covers question banks and scoring in more depth, and the AI study helper guide shows how to add an assistant that explains a wrong answer. Open the builder, paste your outline, and enrol your first ten students this week.

Frequently asked