Free HTML to Trivia Night app template
Quiz rounds with a rewarded 50/50 hint, an interstitial every 3rd round and a banner on the results only.
This is the template running live. Phone features such as the camera, vibration and notifications work in the app you build.
Phone features this template uses
These come from the FreeApp JavaScript bridge that every app built with Free HTML to APK includes. In a normal browser the template still runs, and the calls simply do nothing.
Short native toast.
One-shot buzz (default 50 ms) or an [off, on, off, on…] pattern.
How the template calls them
// banner only on results, hidden while playing
FreeApp.ads.showBanner('bottom');
if (rounds % 3 === 0) FreeApp.ads.showInterstitial();
FreeApp.ads.showRewarded().then(() => removeTwoWrong());
Make it yours with AI
Copy this prompt into ChatGPT, Gemini or Claude, change the idea to yours, and paste the answer back into the editor. It already explains the app shell and the phone features to the AI.
Show the AI prompt
Build a single-file mobile web app (index.html with inline CSS/JS) for Android WebView.
The app: Trivia Night — a 5-question multiple-choice trivia game with 20+ built-in questions, score, best round and answer review, where the page itself decides when ads show: an interstitial only after every 3rd finished round (never mid-question), a rewarded "50/50 hint" that removes two wrong answers, and a banner on the results screen only. Quiz rounds with a rewarded 50/50 hint, an interstitial every 3rd round and a banner on the results only.
Requirements:
- Mobile-first, touch-friendly UI (min 44px tap targets), works in portrait, supports light and dark mode.
- Use <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> and pad for env(safe-area-inset-*).
- You may load libraries from a CDN (jsDelivr/unpkg); show a friendly message if the device is offline.
The page runs inside an Android app that injects a native bridge as window.FreeApp. Available APIs:
- FreeApp.ads.{loadBanner(unit?, pos?), showBanner(pos?: 'top'|'bottom'), hideBanner(), loadInterstitial(), showInterstitial(), isInterstitialLoaded(), loadRewarded(), isRewardedLoaded(), showRewarded(): Promise<{amount, type}>, on(cb: (e: {event, message?}) => void)} — AdMob; only present when ads are enabled in the builder
- FreeApp.toast(message: string): void — short native toast
- FreeApp.vibrate(ms?: number | number[]): void — one-shot buzz (default 50 ms) or an [off, on, off, on…] pattern
Rules for the bridge:
- Always guard calls with `window.FreeApp &&` (or `if (window.FreeApp) { … }`) and provide a browser fallback so the page also works in a normal browser.
- The bridge may be injected after your script runs: do native setup inside `window.addEventListener('freeappready', …)` and also run it immediately if window.FreeApp already exists.
- Do not use alert/confirm for normal feedback; prefer FreeApp.toast when available.
Return the complete index.html in one code block.
My idea: [DESCRIBE YOUR APP IDEA HERE]Turn it into an Android app
- Tap Edit & build online. The template opens in the online editor.
- Change the text, colors and code, then pick an app name, an icon and a package name.
- Build. You get a signed APK to install and an AAB for Google Play, free, with no account and no watermark.
More Earn templates
Daily Quotes
Quote cards with favourites; an ad every 8 quotes on Next, and a rewarded ad unlocks a bonus pack for 24 h.
Coin Clicker
Idle tap game with upgrades, a rewarded 2× boost for 60 s, level-up ads every 3rd level and a shop banner.
Story Reader
A five-chapter story; the next chapter is free after 10 minutes or right away with a rewarded ad.
Tap Jumper
Canvas endless runner with a rewarded Continue once per run, an ad every 3rd game over and a game-over banner.
Notes Pro
Notes app with a one-time Pro unlock: themes, pinning, .txt export and unlimited notes via Google Play.
Coin Shop
Tap-to-earn pet dress-up with coin packs sold as Google Play consumables, granted once per purchase token.