Your personal daily command center — unified, self-hosted, and private.

See Day at a Glance in action with sample data

Your data never leaves your machine. No cloud accounts. No third-party storage. Fully self-hosted.

---

A self-hosted daily dashboard that brings your schedule, tasks, meetings, emails, and commitments into one elegant interface. Navigate between yesterday, today, and tomorrow with a single click. Powered by a simple Excel file you own and control.

---

📸 Screenshots

🌙 Full Dashboard — Dark Mode

☀️ Full Dashboard — Light Mode

📊 Header & Stats Bar

✅ Tasks Panel

📧 Inbox Panel

🤝 Commitments & Sent Emails

⚙️ Settings Modal

📅 Add Schedule Item

✅ Add Task

🤝 Add Commitment

❓ User Guide

---

Features

📅 Unified Daily View Three-day navigator: Yesterday · Today · Tomorrow Color-coded schedule timeline (meeting, focus, break, task, travel) Real-time "Up Next" indicator Live weather and timezone-aware clock	✅ Smart Task Management Priority-sorted task lists (high → medium → low) One-click status toggling with Excel sync Auto carry-forward of open/overdue tasks Days-open tracking for aging items
📧 Email Intelligence Inbox with VIP sender highlighting Priority detection (EVP, VP, direct, CC) Sent email tracking with commitment flags Reply status monitoring	🤝 Commitment Tracking Follow-up items extracted from sent emails Deadline monitoring with overdue alerts Owner assignment for accountability Cross-day visibility
🎨 Polished UI/UX Glassmorphism design with animated mesh background Dark and light mode Splash screen with rotating inspirational quotes Staggered panel animations and counting stats Three-font typography system	🔒 Privacy First Fully self-hosted — runs on your machine No cloud accounts or external data storage Excel-based data format you own and control Docker deployment for isolation

---

Quick Start

Docker (Recommended)

git clone https://github.com/CmdShiftExecute/day-at-a-glance.git
cd day-at-a-glance
docker compose up --build -d

Open http://localhost:3000 — done.

Local Development

git clone https://github.com/CmdShiftExecute/day-at-a-glance.git
cd day-at-a-glance
npm install
npm run dev

The dashboard loads with demo data on first launch so you can explore every feature immediately.

---

Tech Stack

Layer	Technology	Purpose
Framework	Next.js 14 (App Router)	Full-stack React with server API routes
Language	TypeScript (strict)	Type safety across the codebase
Styling	Tailwind CSS + CSS Variables	Utility-first with OKLCH color tokens
Animations	Framer Motion	Splash screen, panel transitions, counting stats
Icons	Lucide React	Consistent, lightweight icon set
Data	SheetJS (xlsx)	Bidirectional Excel read/write
Fonts	Plus Jakarta Sans · Inter · JetBrains Mono	Display · Body · Monospace
Deployment	Docker (multi-stage)	Standalone production build

---

Documentation

Full documentation is available in the literature/ folder:

Chapter	Topic
01	Getting Started
02	Dashboard Overview
03	Settings & Personalization
04	Schedule & Timeline
05	Tasks & Productivity
06	Email Intelligence
07	Commitment Tracker
08	Data & Excel Integration
09	Theming & Design System
10	Keyboard Shortcuts
11	Architecture & API Reference
12	Deployment Guide

---

Keyboard Shortcuts

Key	Action
← →	Navigate between days
R	Refresh data
I	Import Excel file
S	Open settings
D	Toggle dark/light mode
?	Open help

---

Project Structure

day-at-a-glance/
├── data/                  # Persistent storage (git-ignored)
├── literature/            # Documentation (12 chapters)
├── public/                # Static assets
├── src/
│   ├── app/               # Pages, layout, API routes
│   ├── components/        # Dashboard, panels, shared, UI
│   ├── hooks/             # useDayData, useSettings, useClock, useWeather, useTheme
│   └── lib/               # Types, demo data, Excel parser, timezone utils
├── Dockerfile             # Multi-stage production build
├── docker-compose.yml     # One-command orchestration
└── tailwind.config.ts     # Design system tokens

---

License

MIT License. See LICENSE for details.

---

Crafted by S. Sharma