Technical Notes

A short, non-sensitive summary of how the apps are built. Visionquest Development maintains both apps. Contact us for anything deeper: access, changes, or integrations.

QBIQ Training app (app.qbiqsystem.com)

Built with: Next.js / React / TypeScript, Bootstrap styling.
Accounts: email and password sign-up and sign-in, with password reset.
Payments: Stripe Checkout and the Stripe billing portal. Each plan unlocks a set of features (book, install videos, flash cards, etc.).
Content: book pages and exercises are defined as structured (JSON) content, which makes adding new exercises and coverage types straightforward.
Scoring: drawn routes are graded automatically against configurable, per-coverage requirements.
Drawings are saved in the user’s browser (local storage), with coordinate scaling so drawings line up across screen sizes.
Source: private repository qbiq-game in the Visionquest-Development GitHub organization.

QB Universe (qbuniverse.com)

Built with: Next.js / React / TypeScript, Bootstrap styling.
Accounts: sign-in via NextAuth (social sign-in, e.g. Google and Facebook).
Payments: Stripe subscriptions (monthly and annual), with a customer billing portal.
Video access: drill videos require an active subscription. Users without one see an Access Denied message with a Refresh Status option.
Admin tools (admins only): global analytics, user search, content analytics, data export (CSV/JSON), and Stripe sync.
Source: private repository qbuniverse in the Visionquest-Development GitHub organization.