Time Timer Demo with ChatGPT

[RaulDeMarras]

Project URL: https://timetimer.glitch.me/

I’ve just made, well, technically I guided ChatGPT to help me build a clone of a Time Timer. This was made to instruct and show my students on how awesome the combination of Glitch+ChatGPT+HTML+JS+CSS is

I haven’t added the actual steps to build the tool during class, yet, but I’ll work on that.

Default time is 15min, but you can use your mouse to adjust the time. Hope you like it.

[RaulDeMarras]

I’ve added most of ChatGPT prompts I’ve used into the DEVELOPMENT.md file.

• Now you can use the mouse or hand gestures (phone) to adjust the timer.
• It can be installed as a webapp on the phone (in Chrome → Add to start screen).

[jenn]

thanks for sharing this - i love my Time Timer at home but it would be too disruptive to bring to the office, so i’m definitely going to be using this today!

[RaulDeMarras]

There is a new AI kid on the block, and it’s super cool. It’s image generative AI like many others, but image to image works super good. Take a look at how it transformed the original timer into this:

You can use the kawai one with this URL:
https://timetimer.glitch.me/?kawai

Any request to recreate it in any style?