DailyTracker

Track your tasks, journals, and progress with elegance and ease.

---

✨ Features

• ✅ Task Management: Effortlessly add, track, and complete your daily tasks.
• 📖 Journaling: Keep a personal daily journal with a beautiful distraction-free editor.
• 📊 Analytics: Visualize your productivity over time with detailed charts and insights.
• 🛡️ Data Safety:
  • IndexedDB: Persistent local storage using Dexie.js.
  • Backup & Restore: Export/Import your data as JSON.
  • Persistent Storage: Proactive browser permission handling.
• 📱 PWA Support: Install the app on your home screen for a native experience.
• 💡 Daily Inspiration: Get a fresh motivational quote every day.
• 🎨 Premium UI: Dark mode, glassmorphism, and smooth micro-animations.

🚀 Tech Stack

• Framework: Vue.js 3 (Composition API)
• Build Tool: Vite
• Language: TypeScript
• Styling: Tailwind CSS
• Database: Dexie.js (IndexedDB)
• State/Reactivity: RxJS
• PWA: vite-plugin-pwa

🛠️ Getting Started

Prerequisites

• Node.js (v18 or higher)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/dailytracker.git

2. Navigate to the project directory:

   cd dailytracker

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

📂 Project Structure

src/
├── components/   # Reusable UI components
├── views/        # Main pages (Today, Analytics, Journal, Settings)
├── services/     # Business logic (Tasks, Quotes, Journals)
├── db/           # Database configuration
├── assets/       # Static files & styles
└── layouts/      # Page layouts