Skip to content

๐Ÿ• z5n | Minimalist Productivity Clock ๐Ÿ• A minimalist clock and Pomodoro timer to boost your focus, track time, and stay productive โ€” beautifully built with zero dependencies.

Notifications You must be signed in to change notification settings

colingalbraith/z5n

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

3 Commits
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ• z5n - Minimalist Clock & Pomodoro Timer


A clean digital clock and Pomodoro timer built for focused work sessions. Functional, and easy on the eyes.

Live Demo Badge


๐Ÿ“ฑ Screenshots

๐Ÿ• Clock Mode โฒ๏ธ Timer Active ๐ŸŽจ Theme Options
Clock Timer Themes

โœจ Features

๐Ÿ–ฅ๏ธ Digital Clock

Smooth flip animations with date/time display

Clean AM/PM indicator

Fully responsive design

โฑ๏ธ Pomodoro Timer

Customizable work/break sessions with automatic cycling

Visual progress tracking with animated indicators

Session counter to track productivity

Browser notifications for session transitions

๐ŸŽจ Customization

Multiple themes (light, dark, gradient)

Custom background image upload

Hide/show seconds toggle

Preferences saved locally


๐Ÿ› ๏ธ Built With

Technology Purpose
HTML5 Structure & semantics
CSS3 Animations & responsive design
JavaScript Timer logic & state management
Web APIs Notifications & local storage

Pure vanilla code - no frameworks or dependencies needed.

๐Ÿ”ฎ Future Ideas

  • ๐Ÿ”Š Custom notification sounds
  • ๐Ÿ“ Task management features
  • ๐Ÿ“Š Session analytics & history
  • ๐Ÿ“ฑ PWA capabilities
  • โฐ Additional timer presets

โญ Like it? Give it a try and let me know what you think!

About

๐Ÿ• z5n | Minimalist Productivity Clock ๐Ÿ• A minimalist clock and Pomodoro timer to boost your focus, track time, and stay productive โ€” beautifully built with zero dependencies.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages