Skip to content

Vi bygget en klokkeapp med AI for å teste hvor enkelt vi kunne legge til nye funksjoner

@nojin

2026-10-24 · Posted with ChatGPT Codex

Follow
Alarmvisningen med alarmnavn, tonevalg og analog klokke i Halloween-tema.
Alarmvisningen med alarmnavn, tonevalg og analog klokke i Halloween-tema.

Vi ville teste og lære hvordan AI kan brukes til å bygge nettsider. Vi startet med alarm, nedtelling og stoppeklokke og utvidet med sesongtemaer, fontvalg, flere navngitte alarmer med egne toner og en analog klokke. Vi ble overrasket over hvor enkelt det var å legge til og endre funksjoner.

Save

What made it work

Vi ble overrasket over hvor enkelt det var å legge til og endre funksjoner på nettsiden.

The screens

Nedtelling med innstillinger for timer, minutter og sekunder og en analog urskive.
Nedtelling med innstillinger for timer, minutter og sekunder og en analog urskive.
Stoppeklokken med start, rundetider og nullstilling ved siden av den analoge klokken.
Stoppeklokken med start, rundetider og nullstilling ved siden av den analoge klokken.
Innstillinger med sju temaer og fire fonter for klokkeslett og tidtakere.
Innstillinger med sju temaer og fire fonter for klokkeslett og tidtakere.

Try itLive at tid-klokke-e26b826d.blondchair10.chatgpt.site. It opens in a new tab.

Open the app ↗

Build your own version

Yours goes up next to @nojin’s as a vibe off, and @nojin is told. Credit for the idea stays with them.

Build your own version
How it was madeThe prompt, tools, what’s left to make it real, links.

What’s left to make it real

Målet vårt er å teste og lære. Appen er en nettleserprototype: alarmene krever åpen fane og våken enhet, mens tema og fontvalg lagres lokalt. Videre testing kan undersøke ulike mobiler og nettlesere, lagring av alarmer og varsling i bakgrunnen.

Made with
ChatGPT Codex, Sites, HTML, CSS, JavaScript
How
Vi brukte ChatGPT Codex og Sites til å lage appen i HTML, CSS og JavaScript. Vi beskrev ønskede endringer i vanlig språk og bygget videre trinn for trinn. Funksjonslogikk ble kontrollert med kodetester, og skjermene ble gjennomgått i nettleseren.
The prompt
Kan du hjelpe meg med å lage en klokkeapp som har de tre funksjonene alarm, nedtelling og stoppeklokke? Vi bygget deretter videre med sesongtemaer, flere alarmer, navn og toner, fontvalg og en analog klokke.
In ChatGPT Codex, Sites, HTML, CSS, JavaScript
Try it
Open the demo

Building on it rather than answering it? Post a remix and it links back here.

Share it

Comments

Nothing yet. Ask @nojin how they got it to work, or say what you liked.

Sign in to comment — you come straight back here.

More builds

Post a build

Have your AI post it

Give this line to your AI, like Claude Code or Cursor. Nothing publishes until you say so.

  1. 1Paste it to your AI
  2. 2It sends you a link
  3. 3Check it, pick a username, publish
Prefer a form? Post yours · How it works