Trivia Data Customisation

The Trivia Data editor on the Setup Page is where you shape the actual quiz — what game modes players can choose from, what levels sit inside each mode, and what logos appear in each level. You never need to open a spreadsheet or edit any JSON by hand.

How the content is organised

The quiz has three layers, from top to bottom:

• Mode — a top-level pack players pick from the home screen. The app ships with a classic mode plus themed extras (Cars, Anime, Old Logos, …). Each mode has a title, a slug, and a thumbnail image.
• Level — a group of logos inside a mode. Each level has an order number and an "unlocks at" value (the number of logos players must solve before the next level unlocks).
• Logo — a single puzzle. Each logo has an order number, an image, and an answer (the word or phrase players type to solve it).

You can add, rename, reorder, or delete anything at any layer.

Where to find the editors

Open the Setup Page in your browser. In the left sidebar under the Content section, you'll see four items:

• Modes — the list of all game modes.
• Levels — every level across every mode, flattened into one searchable list.
• Logos — every logo across every level, flattened into one searchable list. Handy for editing or replacing a specific logo quickly.
• Manage — statistics, content validation, and the "restore from backup" option.

Editing a mode

1. Click Modes in the sidebar.
2. Click a mode card to open it (or click + New mode to add one).
3. Set the mode's slug (a short lowercase identifier used internally) and title (what players see on the home screen).
4. Drop or upload a thumbnail image — this is the icon shown on the home screen.

From the mode's page, you can also see all the levels inside it and add new ones.

Editing a level

1. Open a mode.
2. Click a level card (or + New level to add one).
3. Set the level's slug, order number, and unlocks at value.
4. Scroll down to see all the logos in the level, or click + New logo to add one.

Editing a logo

1. Open a level, then click a logo card (or + New logo).
2. Set the order number and answer — the answer is what the player types to solve the puzzle.
3. Drop or upload the logo image (PNG, JPG or SVG). The Setup Page automatically places the image in the right folder inside your project.

Tips for answers:

• Keep answers short and unambiguous (e.g. "Nike", not "Nike Inc.").
• The app already compares answers in a forgiving way (case-insensitive, ignores extra spaces), so you don't need to add multiple variants.

Bulk importing logos with CSV

If you want to add or edit a lot of logos at once (say, translating 200 answers, or bulk-adding a themed pack), scroll to the bottom of any level page — there's a Bulk import (CSV) panel:

1. Click Export CSV to download the current level as a spreadsheet.
2. Edit it in Excel, Numbers, or Google Sheets.
3. Import the modified CSV — existing rows are updated by their order number, new rows are appended.

Saving your changes

The editor stages changes in memory. Once you're happy with your edits, click Save at the top of the page — this is when everything is written to your project files.

If you forget to save and close the page, your changes will be lost.

The Manage page

The Manage page has three useful tools:

• Statistics — a live count of your modes, levels, and logos.
• Validate content — checks for duplicate IDs, empty fields, and other structural issues. Run this before every release.
• Restore from backup — reverts every mode, level, logo, and image back to the pristine version the project shipped with. Use this if you've made a mess and want a clean slate. All your edits and pending uploads will be lost, so back up first if you're not sure.

Trademark reminder

Almost every real-world logo is trademarked. Using them for a "guess the logo" game is broadly accepted as nominative use — you're referring to the brand to identify it, not claiming ownership. But rules vary by country, so:

• Check your target market's trademark rules.
• Add a trademark disclaimer to your app's store listing on Google Play and the App Store. The shipped app already includes one on its About screen.

Run sync after saving

As with every other setup step, once your edits are saved on the Setup Page, run the sync command in your terminal:

make sync