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

Description and use

Redesign of a self-hosted data manager UI: moving from jQuery to Vue.js, TypeScript, and Vite, separating frontend and backend, enhancing mobile friendliness and modern UI.

Problem

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

Outcome

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.

Workflow

• 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.

Evidence

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

Source