Help Centerchevron_rightWebsiteschevron_rightBuild and editchevron_rightHow to build a game, a calculator or an interactive tool
auto_awesome

How to build a game, a calculator or an interactive tool

Websites / Build and editschedule5 min readmenu_bookArticle 8 of 10 in Build and edit
open_in_newOpen Websites in Genayaarrow_outward

Websites, web apps, games and tools are all built from the same place: Marketing > Websites, or any Genaya AI chat. When your words ask for a program with its own rules - a game, a quiz with a score, a calculator or a converter, a timer, a drawing board, a product configurator, a randomizer, a small interactive tool - Genaya AI builds a website and writes the program itself, in React, to run in your visitor's browser. When you ask only for the program ("build me an arcade game", "need a one page game"), the program is the screen: one page that opens on it, with a short how-to under it. When you ask for a website around it ("a website for my arcade bar with a game"), you get the pages too.

  1. 1
    Say what you want

    One sentence is enough: "build me a memory matching game about dog breeds", "a mortgage calculator with a monthly payment chart", "a typing speed test". You can attach a picture of something you like and say "like in the image": Genaya looks at the picture and matches what it shows - the kind of screen, light or dark, where the menu sits, the accent color.

  2. 2
    Watch it build

    The build takes about five minutes and you can leave the page: a notification tells you when it is ready. The home page appears first, the other pages follow. Before Genaya says it is done, it opens the program in a test browser, presses Start and the keys, taps it like a phone, and fixes what did not answer.

  3. 3
    Try it in the preview

    Open the site in the editor and play: the program runs right inside the page, with the keyboard and with touch. With JavaScript switched off a visitor sees a short message instead, so the page never looks broken.

  4. 4
    Change it by chat

    Ask for changes in plain words - "make the game faster", "add a high score", "use a blue accent" - and publish when you are happy. Say "the arrow keys do not work" and Genaya plays the game first, then fixes what it saw; when the game already answers, it tells you so instead of changing things blindly. Publishing works like any other Genaya website.

What a program may do
Draw on the screen, react to the keyboard, the mouse and touch, keep a score, run timers and animations, remember things on the visitor's own device and - when you ask for it - save to your website's own data tables (a leaderboard, saved results, a tracker).
What it never does
It never talks to another website, never loads outside code and never reads your Genaya business records (clients, invoices, appointments). The only data it can reach is the tables created for this website. It runs on your site's own address only, behind the same strict browser safety policy every Genaya site uses.
A dashboard instead?
When you need records, a team sign-in and tables - an inventory, a CRM, a task board - say "dashboard" or "tracker": Genaya builds a web app with its own data tables. See "How to build a web app".
lightbulbA picture says a lot: attach a screenshot of a layout you like and type "build me an inventory dashboard like in the image". A black sidebar with an orange accent in the picture becomes a black sidebar with an orange accent in your app.

Programs that remember: leaderboards, trackers and saved results

Say it in the same sentence - "a trivia quiz about space with a leaderboard that saves", "a habit tracker where each visitor sees their own entries", "a workout log my members sign in to" - and Genaya AI plans the data together with the program: it creates the tables in the website's own database, connects them, and writes the program to read and save through them. You never set up a database, and the program never sees a password or a key.

Shared or private
A shared table (a leaderboard, a guest wall) can be read by every visitor. A private table (my habits, my saved results) shows each signed-in visitor only their own rows. A row can be changed or removed only by the visitor who added it.
Visitor sign-in
Visitors sign in with a six-digit code sent to their email - there is no password to remember. Saving needs a signed-in visitor; reading a shared table does not. Visitor accounts are part of the Pro plan and up (2,500 visitors per site on Pro, 10,000 on Business, 50,000 on Enterprise). On the trial and the Individual plan visitors cannot sign in, so the program is written to work fully without it: it keeps each visitor's progress on their own device and a shared board is read-only.
Where the data lives
In the site's own tables under Dashboard > Data, next to Leads and Bookings: open a table to see, search and export what visitors saved. These tables count toward your plan's tables per site.
In the preview
The preview signs you in as a "Preview visitor" and keeps every row in memory, so you can try the whole flow. Nothing is stored and a reload starts empty; real saving starts on the published site.
infoAsk for saved data when you build. A chat edit can change how a program looks and plays, but it does not add new data tables to a site that was built without them - build the site again with a sentence that asks for the leaderboard or the tracker.

Frequently asked

Was this article helpful?