A Premium, Secure, and Elegant Markdown Note-Taking Experience
Vitreon Notes combines cutting-edge security with a stunning glassmorphic design to provide the perfect environment for your digital thoughts.
- AES-GCM 256-bit Encryption: Your notes are encrypted locally before ever hitting the database.
- PBKDF2 Key Derivation: Secure master key generation with 100,000 iterations to resist brute-force attacks.
- Performance-First Decryption: Optimized "Single Promise" key derivation ensures 1,000+ notes load in under 1 second.
- Privacy-First: Secure "Locked Notes" feature with dedicated PIN protection.
- Rich Renderer: Support for Headers (
#), Blockquotes (>), Lists (-), Inline Code (`), and Horizontal Rules (---). - Enhanced Format: Support for Bold, Italics, and ++Underline++ patterns.
- Reading First: Optimized "Viewing Mode" toggle to read your notes without the clutter of the editor.
- Unified Search Bar: Redesigned search input that embeds Sort, Layout, and Select-Mode buttons for a cleaner mobile experience.
- Category Filter Bar: Horizontal, scrollable filter bar with icons for instant collection switching.
- Advanced Bulk Actions: Select multiple notes to change categories, pin, delete, or export in one go.
- Smart Data Portability: Support for the
.vitreonopen JSON schema for full app state transfers. - Conflict Management: Intelligence deduplication engine prevents note clashing during imports.
- Pro Drag & Drop: Powered by
@formkit/drag-and-dropfor fluid, touch-friendly note reordering. - Expanded Icon Library: Over 50 curated Material Symbols for visually stunning category management.
- Glassmorphism UI: A sleek, modern interface with 24px (rounded-3xl) standard radii and Outfit typography.
- Minimalist Content: "Untitled" and "Empty Content" placeholders removed to prioritize your actual data.
- Frontend: React 19, TypeScript, Tailwind CSS
- Database: IndexedDB (Local-First Architecture)
- Security: Web Crypto API (AES-GCM, PBKDF2)
- Testing: Cypress (E2E/Design Audit), Jest (Performance Benchmarks)
- Interactions: @formkit/drag-and-drop
-
Clone and install dependencies:
pnpm install
-
Launch the development server:
pnpm dev
Run the automated suites to ensure design and performance consistency:
pnpm test # Run Jest Performance Benchmarks
pnpm cypress:run # Run UI Consistency and Load stress tests- Smart Import Deduplication: Introduced deterministic fingerprinting (
title + createdAt) to prevent duplicate notes on re-import. - Conflict Resolution UI: Interactive glassmorphic modal for manual resolution of import conflicts (Keep Local, Replace, Keep Both).
- GDPR Compliance Layer: Comprehensive privacy controls including a consent banner, detailed Privacy Policy modal, and explicit "Right to be Forgotten" (Delete All Data) flow.
- Power User Shortcuts: Full keyboard navigation support with
Ctrl+N,Ctrl+S,Ctrl+F, andEscshortcuts. - .vitreon Support: Native support for the
.vitreonextension for both backups and restores.
- Google Drive Integration Refactor: Migrated from outdated
gapito nativefetch. - Drive Backup History Modal: Daily backup history support.
- Google Keep Importer: Native recognition of Keep JSON exports.
- Toast Notification System: Replaced native alerts with animated toasts.
Made with ❤️ by MetalSyntax