Mobile App Features

Course37 delivers a mobile experience to your students through a Progressive Web App (PWA). There is no native Android or iOS app — students install the web application directly from their mobile browser.

Step 1: How Students Install the PWA

The student opens your organization's website on their mobile browser (for example, yourorg.course37.com or your custom domain)
The browser detects the web app manifest and prompts "Add to Home Screen"
On Android (Chrome/Firefox), the student taps the prompt or goes to the browser menu and selects "Install app" or "Add to Home Screen"
On iPhone/iPad (Safari), the student taps the Share icon and then selects "Add to Home Screen"
The app icon appears on the student's home screen with your organization's name and logo
When opened from the home screen, the app launches in standalone mode (no browser address bar) with portrait-primary orientation

Screenshot of the browser "Add to Home Screen" prompt on Android Chrome showing the organization name and icon

The PWA manifest is generated dynamically per organization. It uses your organization's name, logo, primary color (as theme color), and background color. The start URL is always /dashboard. App categories are set to education and productivity.

Step 2: What Students Can Access on Mobile

Once installed, the student's mobile dashboard contains the following pages:

Feature	Dashboard Path	Description
My Courses	`/dashboard`	View all enrolled courses with progress
Course Content	`/dashboard/[courseSlug]`	Watch videos, read PDFs, view modules
Exams	`/dashboard/exam`	Take MCQ, CQ, and short answer exams
Grades	`/dashboard/grades`	View exam scores and results
Performance	`/dashboard/performance`	View personal performance card and analytics
Live Classes	`/dashboard/live`	Join live streaming sessions
Attendance	`/dashboard/attendance`	View attendance records
Assignments	`/dashboard/my-submissions`	View and submit assignments
Study Hours	`/dashboard/study-hours`	Track time spent studying
Payments	`/dashboard/payments`	Pay course fees and view payment history
My Books	`/dashboard/my-books`	Access purchased digital books
Order Books	`/dashboard/order-books`	Browse and order physical books

Screenshot of the student mobile dashboard showing the course list with progress bars and navigation menu

Step 3: PWA Shortcuts

The manifest provides two quick-launch shortcuts that appear when a student long-presses the app icon:

My Courses — Opens /dashboard directly
Profile — Opens /profile directly

Screenshot of the long-press menu on the PWA app icon showing "My Courses" and "Profile" shortcuts

Step 4: Offline Behavior

When a student loses internet connectivity and navigates to a page that is not cached, the app displays an offline fallback page with the following message:

Title: "You're Offline"
Message: "It looks like you've lost your internet connection. Some features may not be available until you're back online."
A "Try Again" button to reload the page
A list of what the student can still access:
- Previously viewed course content
- Cached pages
- Downloaded materials

When the connection is restored, the page automatically detects online status and redirects the student back to /dashboard.

Screenshot of the offline fallback page showing the Wi-Fi off icon, "You're Offline" heading, and the "Try Again" button

Step 5: Organization Branding on Mobile

The PWA automatically inherits your organization's branding:

Branding Element	Source
App name	Organization name
Short name	First 12 characters of organization name
App icon	Organization logo (served as 192x192 and 512x512 PNG)
Theme color	Organization's primary color (defaults to `#009E61`)
Background color	Organization's background color (defaults to `#ffffff`)
App description	Organization description
Splash screen	Generated automatically from icon, name, and background color

Screenshot of the PWA splash screen displaying the organization logo centered on the themed background color

Step 6: Device and Browser Support

Platform	Browser	PWA Install Support
Android	Chrome	Full support
Android	Firefox	Full support
iPhone / iPad	Safari	Full support (Add to Home Screen)
iPhone / iPad	Chrome	Limited (iOS restricts PWA to Safari only)

The viewport is configured with device-width, initial scale of 1, maximum scale of 5, user-scalable enabled, and viewport-fit set to cover.

How to Add Videos — Video content management
How to Manage Exams — Exam creation and results
How to Use QR Attendance — QR-based attendance on mobile
Live Streaming Overview — Live class setup

Mobile App Features