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

Источник