From 9fe0998436488537a8a2e8ffeefb0c4424b41c60 Mon Sep 17 00:00:00 2001 From: Peter Stone Date: Mon, 12 Jan 2026 09:27:16 -1000 Subject: Initial commit: Personal Consolidation Dashboard (Phase 1 Complete) Implemented a unified web dashboard aggregating tasks, notes, and meal planning: Core Features: - Trello integration (PRIMARY feature - boards, cards, lists) - Todoist integration (tasks and projects) - Obsidian integration (20 most recent notes) - PlanToEat integration (optional - 7-day meal planning) - Mobile-responsive web UI with auto-refresh (5 min) - SQLite caching with 5-minute TTL - AI agent endpoint with Bearer token authentication Technical Implementation: - Go 1.21+ backend with chi router - Interface-based API client design for testability - Parallel data fetching with goroutines - Graceful degradation (partial data on API failures) - .env file loading with godotenv - Comprehensive test coverage (9/9 tests passing) Bug Fixes: - Fixed .env file not being loaded at startup - Fixed nil pointer dereference with optional API clients (typed nil interface gotcha) Documentation: - START_HERE.md - Quick 5-minute setup guide - QUICKSTART.md - Fast track setup - SETUP_GUIDE.md - Detailed step-by-step instructions - PROJECT_SUMMARY.md - Complete project overview - CLAUDE.md - Guide for Claude Code instances - AI_AGENT_ACCESS.md - AI agent design document - AI_AGENT_SETUP.md - Claude.ai integration guide - TRELLO_AUTH_UPDATE.md - New Power-Up auth process Statistics: - Binary: 17MB - Code: 2,667 lines - Tests: 5 unit + 4 acceptance tests (all passing) - Dependencies: chi, sqlite3, godotenv Co-Authored-By: Claude Sonnet 4.5 --- web/static/css/styles.css | 70 ++++++++++++++++++ web/static/js/app.js | 77 +++++++++++++++++++ web/templates/index.html | 185 ++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 332 insertions(+) create mode 100644 web/static/css/styles.css create mode 100644 web/static/js/app.js create mode 100644 web/templates/index.html (limited to 'web') diff --git a/web/static/css/styles.css b/web/static/css/styles.css new file mode 100644 index 0000000..aee6ee3 --- /dev/null +++ b/web/static/css/styles.css @@ -0,0 +1,70 @@ +/* Custom styles for Personal Dashboard */ + +/* Line clamp utility for truncating text */ +.line-clamp-3 { + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; +} + +/* Loading spinner */ +.spinner { + border: 3px solid #f3f3f3; + border-top: 3px solid #3b82f6; + border-radius: 50%; + width: 20px; + height: 20px; + animation: spin 1s linear infinite; + display: inline-block; + margin-left: 8px; +} + +@keyframes spin { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } +} + +/* Smooth transitions */ +* { + transition-property: background-color, border-color, color, fill, stroke; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + +/* Custom scrollbar */ +::-webkit-scrollbar { + width: 8px; + height: 8px; +} + +::-webkit-scrollbar-track { + background: #f1f1f1; +} + +::-webkit-scrollbar-thumb { + background: #888; + border-radius: 4px; +} + +::-webkit-scrollbar-thumb:hover { + background: #555; +} + +/* Print styles */ +@media print { + .no-print { + display: none; + } +} + +/* Dark mode support (optional) */ +@media (prefers-color-scheme: dark) { + /* Uncomment to enable dark mode */ + /* + body { + background-color: #1a202c; + color: #e2e8f0; + } + */ +} diff --git a/web/static/js/app.js b/web/static/js/app.js new file mode 100644 index 0000000..a96c05d --- /dev/null +++ b/web/static/js/app.js @@ -0,0 +1,77 @@ +// Personal Dashboard JavaScript + +// Auto-refresh every 5 minutes +const AUTO_REFRESH_INTERVAL = 5 * 60 * 1000; // 5 minutes in milliseconds + +// Initialize auto-refresh on page load +document.addEventListener('DOMContentLoaded', function() { + // Set up auto-refresh + setInterval(autoRefresh, AUTO_REFRESH_INTERVAL); +}); + +// Auto-refresh function +async function autoRefresh() { + console.log('Auto-refreshing data...'); + try { + const response = await fetch('/api/refresh', { + method: 'POST' + }); + + if (response.ok) { + // Reload the page to show updated data + window.location.reload(); + } + } catch (error) { + console.error('Auto-refresh failed:', error); + } +} + +// Manual refresh function +async function refreshData() { + const button = event.target; + const originalText = button.textContent; + + // Show loading state + button.disabled = true; + button.innerHTML = 'Refreshing...'; + + try { + const response = await fetch('/api/refresh', { + method: 'POST' + }); + + if (response.ok) { + // Update last updated time + const now = new Date(); + const timeString = now.toLocaleTimeString('en-US', { + hour: 'numeric', + minute: '2-digit' + }); + document.getElementById('last-updated').textContent = timeString; + + // Reload the page to show updated data + setTimeout(() => { + window.location.reload(); + }, 500); + } else { + throw new Error('Refresh failed'); + } + } catch (error) { + console.error('Refresh failed:', error); + alert('Failed to refresh data. Please try again.'); + button.disabled = false; + button.textContent = originalText; + } +} + +// Filter tasks by status +function filterTasks(status) { + // This will be implemented in Phase 2 + console.log('Filter tasks:', status); +} + +// Toggle task completion +function toggleTask(taskId) { + // This will be implemented in Phase 2 + console.log('Toggle task:', taskId); +} diff --git a/web/templates/index.html b/web/templates/index.html new file mode 100644 index 0000000..7668a94 --- /dev/null +++ b/web/templates/index.html @@ -0,0 +1,185 @@ + + + + + + Personal Dashboard + + + + +
+ +
+

Personal Dashboard

+
+ + Last updated: {{.LastUpdated.Format "3:04 PM"}} + + +
+
+ + + {{if .Errors}} +
+

Errors:

+
    + {{range .Errors}} +
  • {{.}}
    • + {{end}} +
+
+ {{end}} + + +
+ +
+ {{if .Boards}} +
+

📋 Trello Boards

+
+ {{range .Boards}} +
+

{{.Name}}

+ {{if .Cards}} +
+ {{range .Cards}} +
+

{{.Name}}

+ {{if .ListName}} + + {{.ListName}} + + {{end}} + {{if .DueDate}} + + Due: {{.DueDate.Format "Jan 2"}} + + {{end}} + {{if .URL}} + + View → + + {{end}} +
+ {{end}} +
+ {{else}} +

No cards

+ {{end}} +
+ {{end}} +
+
+ {{end}} +
+ + +
+
+

✓ Todoist Tasks

+ + {{if .Tasks}} +
+ {{range .Tasks}} +
+ +
+

+ {{.Content}} +

+ {{if .Description}} +

{{.Description}}

+ {{end}} +
+ {{if .ProjectName}} + {{.ProjectName}} + {{end}} + {{if .DueDate}} + + Due: {{.DueDate.Format "Jan 2"}} + + {{end}} + {{range .Labels}} + {{.}} + {{end}} +
+
+ {{if .URL}} + + + + + + {{end}} +
+ {{end}} +
+ {{else}} +

No tasks found

+ {{end}} +
+
+ + +
+
+

Upcoming Meals

+ + {{if .Meals}} +
+ {{range .Meals}} +
+

{{.RecipeName}}

+
+ {{.Date.Format "Mon, Jan 2"}} + + {{.MealType}} + +
+
+ {{end}} +
+ {{else}} +

No meals planned

+ {{end}} +
+
+
+ + + {{if .Notes}} +
+
+

Recent Notes

+
+ {{range .Notes}} +
+

{{.Title}}

+

{{.Content}}

+
+ {{.Modified.Format "Jan 2, 3:04 PM"}} + {{if .Tags}} +
+ {{range .Tags}} + #{{.}} + {{end}} +
+ {{end}} +
+
+ {{end}} +
+
+
+ {{end}} +
+ + + + -- cgit v1.2.3