Usage and Testing of Interesting (SG) React Native Education (LMS) tutorial app (mobile and web) with public repos but not open source

This post is related to my post: Interesting React Native Education (LMS) tutorial app (mobile and web) with public repos but not open source; Possibilities of open source equivalent. The related app is my slightly modified version of a tutorial app associated with this tutorial video: Simon Grimm: Build Your Own MASTERCLASS clone in React Native, https://www.youtube.com/watch?v=fO3D8lNs10c , 4 hrs. 42 mins, Mar. 2025.

**** Usage section is in progress ****

Tap on 'Browse courses' and in the next screen, tap on the first 'Beginner's Yoga Journey ..' course (marked as Free). That should take you to the 'Beginner's Yoga ...' course overview page, where you can tap on 'Start Course' button.

Testing of app done on 18 Nov. 2025

[Below content is copy-pasted from my post: Notes on learning stage of developing my own React Native education app using Expo Framework - Part 6.]

Deleted my G users in Clerk dashboard

In Strapi cloud, deleted my G users, deleted all entries in User-course and Progress collections.

So now, from my G users perspective I am on a clean slate both in Clerk and Strapi. I don't think Stripe tx need to be deleted. Stripe dashboard is very, very slow.

Android release APK app test

============================

As dG user on Android (release) app on phone:

• Sign Up
• Done. Bottom tabs showed correctly. User got added to Clerk (35eW...)
• Loading message took its time to go away but now I have a black screen with bottom tabs
• Closed and reopened app. Now home screen image and text showed correctly.
• But user did not get added to Strapi User collection!
• Start Beginner's course
• Was still able to start the course. Beginner's course with ClerkId 35eW user got added to user-course
• Do few lessons
• Did 2 lessons, Progress entries got added with ClerkId correctly
• Sign out and close app
• Done
• open app again and login as dG
• Did it. Loading message was shown correctly. Bottom tabs show correctly.
• My Courses correctly shows 20% progress (2 lessons out of 10 or so) in Beginner's course
• Browse Courses -> Beginner's course -> Shows screen with Continue Course button which correctly took me to Overview screen for course
• Drawer shows tick against 2 completed lessons correctly.
• Elevate Course correctly shows as purchase not available for Android
• I think once it did not show the description text. I did not catch that correctly. Later it is showing.
• Closed app without signing out

Now on mobile Chrome, went to https://sg-eduapp-lms.expo.app/

• Logged in as dG user
• Web app shows correct data
• In Browse Courses -> Elevate Your Practice -> Purchase Course -> 
• Payment screen ->(Dummy/Sandbox) Card: 4242 4242 4242 4242, Exp. date: 01/30, Sec. code: 222 -> Pay Now -> Payment Complete message -> Continue ->
• Course Overview page for Elevate course is shown
• So with mobile Chrome I was able to make Dummy payment and start Elevate course.
• Profile -> Sign out
• Shown Login screen
• Closed browser tab.

Now opened Android app (on mobile)

• It remembered dG login and took me to home screen (without having to login again)
• My Courses -> Showed both Beginner's Course and (premium) Elevate course
• Tapped Elevate Course -> Was shown Course Overview page of Elevate Course
• -> Start Course button -> Was shown first lesson of "Refining Your Breath"
• Tapped Complete & Next Lesson -> Was shown second lesson of "Inversions & Headstands"
• Drawer shows tick mark against first lesson of "Refining Your Breath"
• Went back to My Content (link at bottom of Drawer) (Should the link be My Courses?)
• Shown 20% progress for Elevate course correctly (1 lesson completed out of 5).
• Bottom tabs were being shown correctly throughout these tests of Android app
• Short Loading message was also shown correctly at times when the inner screens were taking time to get loaded.
• Profile -> Sign out
• Was shown login screen.

The Android app has passed the above main functionality tests. It failed to add user to Strapi backend (perhaps due to poor network connectivity issues). I think the black screen (in dark mode) display mentioned for this test must be due to some failure condition which is not caught properly by the app and so no message is shown to user. But on restarting the app, it worked fine even without that user in Strapi user collection. That's probably because the code for the main functionality is ClerkId based which is supplied by Clerk auth on successful login of user.

Web app test on desktop PC

==========================

As regular G user (different from dG user used above on mobile), on web app on desktop Chrome browser, https://sg-eduapp-lms.expo.app/ :

• Sign Up
• Done. User got added to Clerk (35ed...)
• Loading message was shown briefly after which home screen image and text showed correctly.
• User got added to Strapi User collection
• Start Beginner's course
• Was able to start the course. Beginner's course with ClerkId 35ed user got added to user-course
• Do few lessons
• Did 3 lessons, Progress entries got added with ClerkId correctly
• Sign out and close tab
• Done
• open app again and login as same user
• Did it. IFIRC, loading message was shown very briefly and correctly.
• My Courses correctly shows 30% progress (3 lessons out of 10 or so) in Beginner's course
• Browse Courses -> Beginner's course -> Shows screen with Continue Course button which correctly took me to Overview screen for course
• Drawer shows tick against 3 completed lessons correctly.
• Elevate Course showed short (inner screen) loading message for long (Seems like a bug in web app).
• I refreshed the page (https://sg-eduapp-lms.expo.app/course/advanced-yoga). Loading message showed briefly and then image, text and purchase button showed correctly (as purchase is available from web app)
• Purchase Course -> 
• Payment screen -> (Dummy/Sandbox) Card: 4242 4242 4242 4242, Exp. date: 01/30, Sec. code: 222 ->Pay Now -> Payment Complete message -> Continue ->
• Course Overview page for Elevate course is shown
• On Elevate course overview -> Start Course button (bottom of page; has to be scrolled down vertically) -> Was shown first lesson of "Refining Your Breath" (The active lesson is highlighted in left hand side drawer if the web window is wide enough)
• Played video fully for this first lesson -> Was shown second lesson of "Inversions & Headstands"
• Clicked 'Complete & Next Lesson' button -> Was shown third lesson of "Deep Hip Openers"
• Drawer shows tick mark against first and second lesson correctly.
• Went back to My Content (link at bottom of Drawer)
• Shown 40% progress for Elevate course correctly (2 lessons completed out of 5).
• Top Menu bar was being shown correctly throughout these tests of web app
• Short Loading message was also shown correctly at times when the inner screens were taking time to get loaded.
• Profile -> Sign out
• Was shown login screen.

Progress and User-course collections in Strapi cloud had data as expected reflecting users who started the two courses and which lessons they completed.

==============