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

Description and use

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

Problem

Users needed a single 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 architecture. The project continues to evolve with new modules like Health.

Workflow

• 1. Refactored frontend to Vue.js and removed jQuery.
• 2. Created a separate frontend project using Vite.
• 3. Added TypeScript for type safety.
• 4. Redesigned UI for modern look and mobile friendliness.
• 5. Updated build process and integrated with existing PHP/Symfony backend.
• 6. Deployed v2.0 and gathered user feedback.

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