How nugzky/visiclock works
VisiClock is a personal, browser-based daily activity planner. The main workflow is user input → schedule validation and conflict checking → persistence → updated agenda and clock views. It also supports date/category/color/notes, completion and filtering, summaries, undoable deletion, JSON backup and restore, legacy-data migration, and responsive accessible presentation. The README documents these capabilities; sampled source confirms the pure schedule logic, rendering, clock updates, and backup/restore behavior, but app.js excerpts omit parts of the event and persistence implementation.
Main entry points: app.js Application controller · style.css Responsive styles · index.html Page structure · schedule.js Schedule rules
Components 15
User interface
- Page structure
index.html - Responsive styles
style.css - Application controller
app.js - Activity form
index.html
Planning and display
- Schedule rules
schedule.js - Daily agenda
app.js - Progress summary
app.js - Analog clock
app.js - Current activity
app.js - Date and filters
app.js
Persistence and backup
- Browser storage
- JSON backup
app.js
Other components
- Planner
- Browser runtime
- Google Fonts
Connections 18
- Planner → Activity form: enters activity
- Planner → Date and filters: selects date
- Planner → JSON backup: requests backup
- Page structure → Application controller: loads script
- Responsive styles → Page structure: styles page
- Application controller → Activity form: reads input
- Application controller → Schedule rules: validates and checks
- Application controller → Browser storage: loads and saves
- Application controller → Daily agenda: renders tasks
- Application controller → Progress summary: renders totals
- Application controller → Analog clock: draws sectors and hands
- Application controller → Current activity: updates activity
- Application controller → Date and filters: applies selection
- Application controller → JSON backup: exports and restores
- JSON backup → Browser storage: commits restored data
- Browser runtime → Browser storage: provides local storage
- Browser runtime → Application controller: runs JavaScript
- Responsive styles → Google Fonts: loads font