Show HN: I redesigned my self-hosted data manager's UI (4k stars, v2)

说明与用途

自托管数据管理器 UI 重构：从 jQuery 迁移到 Vue.js、TypeScript 和 Vite，前后端分离，提升移动端友好性和现代化界面。

问题

Users needed a unified, self-hosted solution to manage passwords, notes, files, finances, contacts, and health data without relying on cloud services.

结果

The redesign improved UI aesthetics, performance, and mobile usability while maintaining a self-hosted, privacy-focused architecture. The project continues to evolve with new modules like Health.

工作流

• 1. Refactor frontend to Vue.js and TypeScript.
• 2. Set up Vite for modern build tooling.
• 3. Separate frontend into its own repository/project.
• 4. Integrate frontend with existing PHP/Symfony backend via API.
• 5. Remove jQuery dependencies.
• 6. Design mobile-friendly UI components.
• 7. Test end-to-end functionality.
• 8. Deploy updated frontend and backend.
• 9. Plan future PHP/Symfony upgrades.

证据

dropped jQuery in favor of Vue.js - frontend is now a standalone project, with the original tool serving as backend - more modern, slicker UI, and mobile friendly - added TypeScript support - moved the build to Vite

来源