Kotlin/JS Interactive Pomodoro Timer Web App
Build a browser-based Pomodoro timer compiled from Kotlin/JS, with work/break cycles, sound notifications, and session history stored in localStorage. Learners practice targeting the web with Kotlin, DOM manipulation, and browser API interop.
- Estimate
- ~8.5h
- Steps
- 5
- Completed by
- 0
- Proposed by
- codeseed.app
Kotlin/JS · Gradle · kotlinx.browser
Project roadmap
- 01
Configure Kotlin/JS project
~1.5hSet up a Gradle Kotlin/JS target with a browser distribution and basic HTML shell.
- 02
Build the timer UI
~2hUse kotlinx.html or direct DOM APIs to render timer display and start/pause/reset controls.
- 03
Implement timer logic
~2hWrite countdown logic with work/break cycle transitions using window.setInterval interop.
- 04
Add notifications and sound
~1.5hTrigger browser notifications and an audio cue when a session ends.
- 05
Persist session history
~1.5hSave completed sessions to localStorage and render a simple history list.
Resources
- DocsKotlin Docs
Ready to build this?
Get a GitHub repo and start building. Your AI reviewer checks each step as you go.
Tech stack