Core application shell
Landing screen, PWA shell, navigation, styles and basic app assets.
Strategy: Pre-cache during first successful online load.
Offline Readiness
Low data mode
Keep essential content and forms available when internet is weak.
Sync status
Ready for offline use
Content, service lists and forms can be cached after first successful load.
6
Offline SRHR topics
3
Cached service points
7
Barrier categories
5
Community rooms
Offline queue
Low-bandwidth support
Essential content and forms are prepared for caching and later sync.
Offline-first design
This page demonstrates how the Youth Choice PWA can prepare essential information for offline access. In the production build, the PWA service worker and IndexedDB storage can cache content, service directory records and draft submissions so users can continue using the app even when connectivity is limited.
6
Offline SRHR topics
Published content prepared for offline reading.
3
Cached service points
Facility list can be cached for low-bandwidth access.
7
Barrier categories
Report categories available even before sync.
5
Community rooms
Room list can be available while offline.
Cache manifest preview
Landing screen, PWA shell, navigation, styles and basic app assets.
Strategy: Pre-cache during first successful online load.
Published, offline-ready learning content for youth-friendly reading.
Strategy: Cache published topic summaries and selected detail pages.
Active facility records with district, services, contacts and coordinates.
Strategy: Cache facility list and coordinates; map tiles require separate production strategy.
Barrier categories and draft report payloads for later sync.
Strategy: Draft reports can be saved locally and synced when internet is restored.
Available moderated rooms and safety messaging.
Strategy: Cache room list and sync submitted questions when connectivity is restored.