Digital Diary — Private & Encrypted Personal Journal

A private, client-side encrypted digital diary application built with React, TypeScript, and Tailwind CSS. Designed as an intimate sanctuary for capturing thoughts, tracking emotional wellness, archiving photo memories, and maintaining daily journaling habits with zero compromise on privacy.

---

Key Features

1. Password Protection & Cryptographic Vault Lock

• Master PIN / Password: Secure PIN or alphanumeric password lock powered by the Web Crypto API (PBKDF2 + SHA-256 salted hashing).
• Client-Side AES-GCM-256 Encryption: Encrypts diary archives into password-protected .diaryvault files for secure off-site storage.
• Auto-Lock Timer & Tab Blur: Automatically locks the diary after inactivity or immediately when switching tabs.
• Tactile Keypad & Hint Recovery: On-screen PIN pad with animated feedback and optional hint reveals.

2. Mood Tracking & Emotional Wellness Analytics

• 10 Emotion Types: Track moods across Ecstatic, Happy, Grateful, Calm, Productive, Reflective, Tired, Sad, Anxious, and Frustrated.
• Intensity Slider: 1–10 emotional energy and intensity scale.
• Trend Charts & Visual Distribution: 14-day interactive intensity trendline and mood distribution breakdowns.
• Tag Correlation Insights: Identifies which activities and themes (e.g. #nature, #coffee, #travel) trigger your highest mood scores.

3. Rich Diary Editor & Photo Attachments

• Rich Formatting Toolbar: Headings, bold, italic, bullet lists, numbered lists, blockquotes, task checklists, and text highlights.
• Multi-Image Attachments: Drag-and-drop or file upload for photo memories with captions and fullscreen lightbox previews.
• Reflection Prompts ("Inspire Me ✨"): Thought-provoking prompts to overcome writer's block.
• Live Metadata: Word count, character count, and estimated reading time.
• Backdating & Custom Timestamps: Record and organize memories from any date or time.

4. Interactive Calendar & Timeline Chronicle

• Monthly Interactive Calendar: Visual calendar displaying mood color pills, photo dots, entry counts, and selected date inspector panels.
• Chronological Vertical Timeline: Feed grouped by Month and Year with pinned memories and star favorites.
• Consistency Streak Tracking: Automatic daily streak calculations and milestone celebrations.

5. Instant Multi-Field Search & Filtering

• Real-Time Deep Search: Query matches across titles, reflections, locations, and #tags.
• Multi-Dimensional Filters: Filter by mood, date range (7 days, 30 days, year), favorites only, or entries with photos.

6. Daily Reflection Reminders

• Custom Time Scheduler: Configurable time and day-of-week recurrence.
• Browser Notifications: Desktop and mobile browser notification support with in-app test triggers and motivational nudges.

7. Cloud Backup & Flexible Data Export

• Encrypted .diaryvault Export: Password-locked military-grade backup file.
• Plain JSON & Markdown (.md) Export: Interoperable formats compatible with Obsidian, Notion, or text editors.
• Print & PDF Book Preview: Formatted editorial layout ready for printing or exporting to PDF.
• One-Click Restore: Upload and merge or replace entries with integrity validation.

---

Tech Stack

• Framework: React 19 + TypeScript + Vite
• Styling: Tailwind CSS v4 + Custom Paper & Editorial Typography (Newsreader Serif & Plus Jakarta Sans)
• Icons: Lucide React
• Date Utilities: date-fns
• Celebrations: canvas-confetti
• Security: Web Crypto API (SubtleCrypto AES-GCM-256, PBKDF2, SHA-256)

---

Getting Started

Development

# Install dependencies
npm install

# Start local dev server
npm run dev

Production Build

# Compile and build production assets
npm run build

---

Privacy Architecture

All diary entries, attachments, and settings are stored locally in the browser storage and are encrypted before any export or backup. No personal data or private thoughts are transmitted to unauthenticated third-party servers.