The 88.5FM Super App is a custom-designed progressive web application (PWA) built to coordinate station administration, broadcast training, presenter scheduling, listener outreach, and community sponsor engagement. By hosting these services under a single web framework, the station can manage volunteer shifts, studio occupancy registers, and member loyalty details in real time.
Administrators use this handbook to understand onboarding checkpoints, role-based screen filtering, geofencing limits for local sponsors, automated presenter birthday alerts, and storage optimization routines for listener voice submissions. The application integrates client-side React routes with a backend cloud Firestore database and Firebase Storage bucket, and leverages security rule controls to safeguard private station data.
The Super App is built as a **Progressive Web App (PWA)**. This means it runs directly in your web browser but can be installed onto any mobile device or computer to behave exactly like a native app (with a desktop icon, fullscreen layout, and offline storage).
PWAs on iOS must be installed through the default **Safari** browser:
https://eight8-5fm-super-app.onrender.comAndroid devices use the **Google Chrome** browser for installation:
https://eight8-5fm-super-app.onrender.comDesktop installations are supported through **Google Chrome** or **Microsoft Edge**:
https://eight8-5fm-super-app.onrender.comTo ensure offline access and instant loading, the app stores its pages, icons, and scripts locally using a browser tool called a **Service Worker**.
Every time you launch the app while connected to the internet, it checks for updates in the background. If a new version of the app has been pushed by developers, the app will automatically download it. The next time you close and re-open the app, the new version will load.
If you notice the app has outdated details, or if you want to force it to download the latest files immediately:
Ctrl + F5 (Windows) or Cmd + Shift + R (Mac) to bypass the cache and force-download the latest build.All users accessing private or gated areas of the application must register an account and undergo administrative approval. The onboarding process varies by applicant type:
users collection, a user document is written with the role 'user' (representing a Volunteer) and the status set to 'pending'.'active', unlocking dashboard access.supporterApplications collection with status: 'pending'.isSupporter: true and sets their role to 'supporter' on their user profile.To keep station operations secure and present supporters with a clean experience, the main dashboard features dynamic role-based gating.
Access privileges are determined by the role property in the user's profile document:
Welcome back, Peter!
The Digital Loyalty Card program encourages station supporters to visit community sponsors. Supporters earn points and level up by scanning QR codes at sponsor checkout counters.
A supporter's level is calculated dynamically from their total check-in count. The face of the digital card shifts gradients to match their tier:
To prevent remote check-ins, the scanner enforces a strict 1,000-meter (1km) radius geofence. When a user scans the QR code, the app compares their current device coordinates against the business's stored coordinates using the **Haversine Formula**. If they are further than 1km, the scan is blocked.
Active presenters and volunteers must log their attendance when arriving at the station to compile volunteering records and verify on-air presence.
-31.7779013, Longitude: 115.973366).Managing partners, check-in registries, birthdays, and security rules is limited to the Admin console.
Lists all supporters and aggregates scan statistics. Admins use these controls to manage accounts:
Lists supporter birthdays sorted by date. Features dynamic presenter alerts, governed by user privacy choices:
Ensures user-uploaded media complies with privacy and intellectual property standards before public display:
Cutting Edge Butchers
Address: 12 Ellenbrook Blvd
Latitude: -31.7779
Longitude: 115.9733
Active volunteers, presenters, and trainees have access to specialized operational tools to manage their schedule, onboarding checkpoints, and live program checklists.
The Studiio dashboard provides immediate access to live broadcasting guides and pre-on-air checklists. Presenters must execute these checks before going live:
The studio booking calendar ensures fair allocation of live program and recording slots. Key scheduling rules include:
Trainee presenters use the TrainR dashboard to complete their broadcast certification steps. The academy tracks:
Broadcasting Certification
Active Module: Studio Board Faders & Mixers
Listeners and supporters have access to interactive features designed to bridge on-air broadcasting with digital user engagement.
The Audio Hub integrates live terrestrial-matching audio streams and catch-up podcast episodes:
Listeners can record and submit brief messages to be played on-air by presenters:
Local community rewards and active listener competitions are managed dynamically:
Radio VCA 88.5FM
● NOW PLAYING LIVE
Morning Mix Show
with DJ Peter Gray