📔 Daybook

A daily task manager that runs entirely in your browser — no installation, no account, no server, no internet needed.

Daybook is a local-first, offline task planner built with pure HTML, CSS, and vanilla JavaScript. Your tasks, notes, focus time, and reminders never leave your machine. Open it, plan your day, done.

---

✨ Features

🗂️ Core Task Management

• 📋 Daily task board — today's tasks, in-progress tasks, and completed-today history
• ⭐ Priority starring — star tasks to pin them as "Top Priority Today"
• ↩️ Recurring tasks — set tasks to repeat daily or weekly automatically
• 📅 Due dates — assign and edit due dates; overdue tasks are clearly highlighted
• 💬 Task comments — timestamped notes per task for decisions, blockers, and progress logs
• 🔗 Subtasks — break tasks into subtasks with visual progress tracking

⏱️ Focus & Productivity

• ⏱️ Focus-time tracking — start/pause any task; real time spent is recorded automatically
• 📈 Day at a glance — tasks today, completed count, focus time summary
• 📊 Weekly review — bar chart of tasks completed over the last 7 days

🏢 Personal & Office Modes

• 🏠 Personal Mode — clean task planning for everyday use
• 🏢 Office Mode — enables shift tracking features for workday management
• ⏰ Daily Login Countdown — when first opening Daybook each day (Office Mode only), a popup lets you confirm or adjust your login time; a live 9:30 hours shift countdown then appears in the top bar and ticks down in real time

🔔 Reminders & Wellness

• 🔔 Reminders — timed reminders that fire as toast notifications or desktop alerts
• 💧 Drink water nudge — configurable water reminders (default every 45 min) with a glass tracker
• ☕ Break nudge — configurable break reminders (default every 90 min of activity)

⚙️ Settings & Customisation

• 🔔 Desktop notifications — browser alerts even when the tab is in the background
• 🔊 Sound chimes — soft audio cue whenever a nudge or reminder fires
• 🏢 Office Mode toggle — switch modes anytime from the Reminders & Wellness settings panel

🛡️ Privacy & Data

• 🔒 100% private — all data stays in your browser's localStorage, never sent anywhere
• 💾 Export / Import backup — one-click JSON backup and restore from the footer
• 🌐 Multi-tab safe — changes sync automatically across multiple open tabs

🔍 Search & Navigation

• 🔍 Search & filters — instantly search tasks and notes; filter by status
• ⌨️ Keyboard shortcuts — N new task · / search · J/K navigate · X complete · Esc close

---

🚀 Quick Start

1. Visit the live demo or clone and open index.html locally
2. Enter your name and choose Personal or Office mode
3. Start adding tasks!

No build step. No npm install. No configuration.

---

🌐 Live Demo

👉 https://learn-with-santosh.github.io/daybook/

---

⌨️ Keyboard Shortcuts

Key	Action
N	Add a new task
/	Focus the search bar
J / ↓	Select next task
K / ↑	Select previous task
X	Complete selected task
Esc	Close drawer / dismiss

---

🧭 Roadmap

• Export / import backup (JSON)
• Recurring tasks (daily / weekly)
• Edit due dates & reminder times
• Weekly review statistics
• Personal & Office mode
• Daily login countdown (Office Mode)
• Dark mode
• Quiet hours / focus mode
• Mobile-optimised layout
• PWA / installable app

---

🛠️ Built With

• HTML5 + CSS3 + Vanilla JavaScript (ES6+)
• Zero frameworks · Zero dependencies · Zero build tools
• Persistence via browser localStorage — data never leaves your device
• Fonts: Google Fonts (Space Grotesk, Fraunces, IBM Plex Mono)

---

📁 Project Structure

daybook/
├── index.html        # App shell & SVG icon sprite
├── style.css         # All styles (design tokens, components, animations)
└── js/
    ├── state.js      # App state, localStorage persistence, constants
    ├── formatters.js # Date/time formatting helpers
    ├── actions.js    # Task, reminder, and wellness actions
    ├── render.js     # All UI rendering functions + tick loop
    └── app.js        # Event listeners & boot

---

📄 License

MIT — free to use, modify, and share.

---

Built with ❤️ by Santosh Shelar