The latest articles on DEV Community by zrcxvs (@zrcxvs). https://dev.to/zrcxvs https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4017709%2Fc997b538-5050-4302-8dd0-33891aeb0ccc.jpg https://dev.to/zrcxvs en zrcxvs Fri, 31 Jul 2026 18:33:41 +0000 https://dev.to/zrcxvs/show-dev-tautanlumina-ultra-minimalist-ai-bookmark-voice-note-manager-built-with-react--d55 https://dev.to/zrcxvs/show-dev-tautanlumina-ultra-minimalist-ai-bookmark-voice-note-manager-built-with-react--d55 <ul> <li> Hey DEV Community! 👋</li> </ul> <p>I'm excited to share <strong>TautanLumina</strong>, an ultra-minimalist, high-performance bookmark and voice note manager designed for developers, creators, and power users who want a clean, distraction-free digital workspace.</p> <h3> 🚀 Why I Built TautanLumina </h3> <p>Bookmark bars get cluttered instantly, and note apps often feel too heavy for quick thoughts or links. I wanted something <strong>fast, lightweight, and smart</strong> that runs effortlessly on both desktop and mobile without complex setup.</p> <h3> ✨ Key Features </h3> <ul> <li>🏷️ <strong>AI Auto-Titling</strong>: Automatically generates clean, concise titles (max 15 chars) for saved links and notes using multi-provider AI models.</li> <li>🎙️ <strong>Voice Notes</strong>: Record 30-second audio notes with instant playback preview before saving.</li> <li>🔒 <strong>PIN Folder Lock</strong>: Keep sensitive links or personal scratchpads secured with a 4-digit PIN.</li> <li>🌐 <strong>Appwrite Cloud Sync</strong>: Real-time cross-device synchronization backed by Appwrite Cloud.</li> <li>⚡ <strong>Keypad Move Reordering</strong>: Reorder and organize items effortlessly without relying only on drag-and-drop on mobile screens.</li> <li>🌍 <strong>6 Languages Supported</strong>: Native i18n support for English, Indonesian, Chinese, Japanese, Korean, and Russian.</li> <li>🎁 <strong>Free Model Selection</strong>: Select and switch AI models directly with auto-ranked scoring.</li> </ul> <h3> 🛠️ Tech Stack </h3> <ul> <li> <strong>Frontend</strong>: React 18, TypeScript, Vite, Tailwind CSS</li> <li> <strong>Icons &amp; Animation</strong>: Lucide React, Framer Motion</li> <li> <strong>Backend &amp; Database</strong>: Appwrite Cloud (Database &amp; Storage)</li> <li> <strong>AI Integration</strong>: Multi-provider open model API</li> </ul> <h3> 🔗 Check It Out </h3> <ul> <li>📱 <strong>Live App</strong>: <a href="https://tautanlumina.appwrite.network/" rel="noopener noreferrer">https://tautanlumina.appwrite.network/</a> </li> </ul> <p>I'd love to hear your feedback, feature ideas, or thoughts on the UX! What tools do you currently use for quick link saving and micro-notes? Let me know in the comments below! 👇<br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fzu2ozt4wsg3vpm55q8i4.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fzu2ozt4wsg3vpm55q8i4.jpg" alt=" " width="800" height="1560"></a></p> showdev webdev ai productivity