Build the Airtime Map with me.

I would like to create a web app for my own classroom. It is a hybrid: a seating plan of my pupils, plus a way of keeping track of who has taken part, who has not, who might be dominating the talk, and perhaps patterns over time. Before you build anything, repeat back what you think I mean and ask me the questions you need answered. Keep it to one main user (me, the teacher) and one main task: seeing who has had airtime. Use invented pupil names only. Nothing about pupils should leave my device.

I have a free Cloudflare account and I want to put this app online with it. I use macOS, and I would like you to guide me through the Terminal app. Please guide me step by step, in plain language, through every technical step, including anything I need to install. Rules for this session: 1. You may read and write only inside this project folder. 2. Ask my permission before you write or change any file on my computer. Tell me what you are about to do and why. 3. You may read from and write to my Cloudflare account, but ask my permission before you act. Ask again before you commit anything or deploy anything. 4. Do not touch any other folder or any other Cloudflare project. 5. Never ask me to paste a password or an API key into this chat. Use the browser sign-in instead. 6. If you are unsure, stop and ask me.

Go ahead and build the first version as one simple web page. It is a seating plan. Let me paste a class list (start with six invented names), see a desk for each pupil, drag the desks to rearrange them, choose between a few layouts such as rows, groups and a ring, shuffle the seating, and undo. Remember everything on this device only: no accounts, no uploads, no tracking. It must work well on a phone and an iPad as well as a laptop, because I will use it while walking around the classroom. Show me a local preview and tell me how you tested it.

Add a second mode called Listen next to Arrange. In Listen mode, tapping a desk adds one to that pupil’s contribution count, shown as a small number badge on the desk. Let me choose the type first: answered, asked a question, or built on an idea. Add an Undo button. Remember everything on this device.

Check the main task again: paste six invented names, arrange the desks, switch to Listen and tap a few desks. Tell me what works and what does not. Then prepare this for deployment as a new Cloudflare Worker with a new name that does not clash with anything I already have. Before you deploy, tell me the account, the Worker name, that it will be public, and any cost. Wait for my approval. After I approve, deploy it, then open the live address and check that the main task works there. Stay inside this folder and do not change any other project.

Colour each desk by how much that pupil has spoken: pale for a little, darker for more. A pupil who has not spoken yet should look clearly different, with a dashed outline. Add a small key that explains the colours.

Add a button called “Who haven’t I heard from?”. It picks a pupil with the fewest contributions, highlights their desk, and does not pick the same pupil twice in a row. Also show how many pupils have spoken and how much of the talking the busiest quarter of the class did.

The colours are too strong after just one tap. Scale the colours against the busiest pupil, but never against less than four contributions. You can use the same pattern for anything: I expected [what you wanted]. You made [what you got]. Here is what needs to change: [one specific thing]. Keep the parts that already work.

Run the checks on the main task again, then update the live version. Tell me what you will change and wait for my approval. After I approve, deploy, then open the live address and check that the update works there.

Check this on a phone held upright, a phone on its side, and an iPad. Make every button easy to tap with a thumb (at least 44 pixels). Add a list view for the phone that puts the pupils heard least at the top. Tell me what you changed.

Make this installable on a home screen and usable offline, so it still works with no signal. Explain in plain language how you did it and how I can check it works with my phone in airplane mode.

Add an About page that says in plain words what the app does, that pupil names and counts stay on this device, and what is not collected. Do not add accounts, sign-in or any tracking.

Review this app as if a colleague were about to use it. Check purpose, audience, context, usability, layout, permissions, reliability and maintainability. List what you find in order of importance. Do not change anything until I choose what to fix.

A colleague tried the app and said: [what they said]. Work out what they were trying to do and where they hesitated. Suggest the smallest change that would help, explain it, and wait for my approval before you make it.