Addon Features

Offline Mode (PWA)

BeamEdUp's Organization Portal is a Progressive Web App (PWA) with full offline support. Learners can download exams, take them without an internet connection, and have their answers automatically synced when connectivity returns.

Offline Features

Exam Download

Download assigned exams for offline access. Exams are stored locally with an expiry timestamp.

Local Storage

Answers are saved to IndexedDB as you type. No data is lost even if the browser crashes.

Auto-Sync

When connectivity is restored, answers and submissions sync automatically in the background.

Offline Indicator

A status indicator shows connection state. The app remains fully functional for downloaded exams.

How Offline Mode Works

The PWA uses a service worker with intelligent caching strategies:

  • Static Assets — Scripts, styles, and fonts are cached using a cache-first strategy for instant loading
  • Images — Cached after first load. Served from cache on subsequent visits
  • API Calls — Network-first strategy with cache fallback. Ensures fresh data when online, cached data when offline
  • HTML Pages — Network-first with fallback to a dedicated offline page when completely disconnected

Taking Exams Offline

  1. Download — While online, navigate to an assigned exam and click Download for Offline. The exam data is stored in IndexedDB
  2. Take Exam — Start the exam even without internet. Answers are saved locally after each question
  3. Auto-Save — Answers are continuously saved to local storage. Progress is preserved across browser restarts
  4. Sync — When back online, answers are automatically submitted via background sync. A sync queue manages pending submissions

PWA Capabilities

  • Standalone Mode — Runs as a standalone app without the browser toolbar, like a native application
  • App Shortcuts — Quick access shortcuts for Exams, Study Groups, and Dashboard from the app icon
  • Background Sync — Pending submissions sync automatically when connectivity is restored, even if the app is closed
  • Storage Management — Expired exam data is automatically cleaned up. Storage quota is monitored to prevent overflow

Offline Fallback Page

When the app is completely offline and a page hasn't been cached, users see a dedicated offline page with:

  • Connection status indicator with automatic monitoring
  • Information about available offline exams in local storage
  • Auto-sync capabilities description and pending submission count
  • Automatic reload when connection is restored