Obsidian Dashboard

React 19 + Vite 6 + TailwindCSS 4 dashboard for Obsidian vault with AI insights.

Live Demo

👉 https://sotonavarrojosue-creator.github.io/obsidian-dashboard/

Features

• TareasHoy — Today's tasks with toggle completion
• PróximosExámenes — Countdown to upcoming exams
• CalendarioSemana — Weekly grid view
• MateriasChart — Pie chart of subjects (Recharts)
• ResumenIA — AI-powered weekly summary via OpenRouter
• Página Tareas — Full CRUD for tasks
• Dark mode — Native Tailwind dark mode

Tech Stack

• React 19
• Vite 6
• TailwindCSS 4
• Recharts
• Axios

Quick Start

npm install
cp .env.example .env
# Edit .env with your API keys
npm run dev

Build

npm run build
# Output in dist/

Project Structure

src/
├── components/     # Reusable UI components
├── pages/          # Page components
├── hooks/          # Custom React hooks
├── services/       # API clients
└── App.jsx         # Main app with routing

Environment Variables

Variable	Required	Description
VITE_API_URL	No	Backend API URL (default: http://localhost:8000)
VITE_OPENROUTER_API_KEY	Yes (for AI)	Get from openrouter.ai/keys

License

MIT